seandogg

import log from 'loglevel';
import PropTypes from 'prop-types';
import { useState, useEffect } from 'react';
import useLocalStorage from 'use-local-storage';
import SvgIcon from '@/components/SvgIcon';
import useSettings from '@/hooks/useSettings';

const CreditsButton = ({
  display_vertical = false,
  product,

seandogg

import $ from 'jquery';
import Swiper, { Autoplay } from 'swiper';
Swiper.use([Autoplay]);

const selectors = {
  slideshow: '[data-slideshow]',
  slideshowSlide: '[data-slideshow-slide]'
};

const classes = {

seandogg

{{ 'component-card.css' | asset_url | stylesheet_tag }}
{{ 'component-price.css' | asset_url | stylesheet_tag }}
{{ 'component-product-grid.css' | asset_url | stylesheet_tag }}
{{ 'section-product-carousel.css' | asset_url | stylesheet_tag }}

<script src="{{ 'swatchHelper.js' | asset_url }}" defer="defer"></script>
<script src="{{ 'product-carousel.js' | asset_url }}" defer="defer"></script>

<div class='container my-12'>

seandogg

<div class="accordion-wrapper-cstm">
  <div class="so-tab" style="text-align: left;">
    <input id="so-tab-1" type="checkbox" name="tabs"> <label for="so-tab-1"><h4>Where can I buy:</h4></label>
    <div class="so-tab-content">
      <p>At this moment in time, right here on our website. It's super simple, with all major card options, shop-pay &amp; Paypal</p>
    </div>
  </div>


  <div class="so-tab" style="text-align: left;">

seandogg

<div class="page-width page-content">
  <div class="grid">
    <div class="grid__item medium-up--one-third medium-up--push-one-third text-center">

      <div class="form-vertical">
        {% form 'reset_customer_password' %}

          <header class="section-header">
            <h1 class="section-header__title">{{ 'customer.reset_password.title' | t }}</h1>
            <p>{{ 'customer.reset_password.subtext' | t: email: email }}</p>

seandogg

<div class="page-width page-content">
  <div class="grid">

    <div class="grid__item medium-up--one-third medium-up--push-one-third">

      <header class="section-header">
        <h1 class="section-header__title">{{ 'customer.register.title' | t }}</h1>
      </header>

      <div class="form-vertical">

seandogg

.main-nav {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 31px;
  min-height: 80px;
  box-shadow: 0 5px 12px rgba(22, 38, 51, 0.05);
  @include media-query($small) {

seandogg

{%- comment -%}
  This is a required section for the Shopify Theme Store.
  It is available in the "Header" section in the theme editor.

  Theme Store required settings
  - Show announcement
  - Text: message to announce
  - Link: link of the announcement bar

  Theme Store optional settings

seandogg

/**
 * Main Nav Script
 * ------------------------------------------------------------------------------
 * This is (hopefully) controlling the mobile menu open / close...
 * @namespace main-nav
 */

const burger = document.querySelector('.main-nav__utility-menu--open');
const nav = document.querySelector('.main-nav__menu');
const subNavClose = document.querySelector('.main-nav__utility-menu--close');

seandogg

<div class="ProductItem {% if use_horizontal %}ProductItem--horizontal{% endif %}">
  <div class="ProductItem__Wrapper">
    {%- comment -%}
    We are using LazySizes to efficiently choose the most appropriate image in the set. However, because internally LazySizes uses srcset, we need to make
    sure that the image sizes we offer is not larger than the max size uploaded by the merchants.
    {%- endcomment -%}

    {%- if settings.product_image_size == 'natural' or use_horizontal -%}
      {%- assign use_natural_size = true -%}
    {%- else -%}