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

<!-- Begin Accordion Snippet -->
<style>
  .so-tab {
    position: relative;
    width: 100%;
    overflow: hidden;
    margin: 25px 0;
  }
  .so-tab label {
    position: relative;

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 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

.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