kellyvaughn

<div class="video-holder">
  <video autoplay muted loop playsinline poster="{{ section.settings.image | img_url: '2000x', scale: 2 }}">
    {% unless section.settings.video-mp4 == blank %}<source src="{{ section.settings.video-mp4 }}" type="video/mp4" />{% endunless %}
    {% unless section.settings.video-ogg == blank %}<source src="{{ section.settings.video-ogg }}" type="video/ogg" />{% endunless %}
    <img src="{{ section.settings.image | img_url: '2000x', scale: 2 }}" />
  </video>
</div>

<div class="overlay"></div>
<div class="hero-content">

kellyvaughn

{% assign threshold = section.settings.free-shipping-threshold | times: 100 %}
{% assign amount_remaining = threshold | minus: cart.items_subtotal_price %}
{% assign amount_remaining_money = amount_remaining | money %}

<div class="shipping-bar">
  {% if amount_remaining <= 0 %}
  <p>{{ section.settings.free-shipping-message }}</p>
  {% else %}
  <p>{{ section.settings.approaching-message | replace: '*', amount_remaining_money }}</p>
  {% endif %}

kellyvaughn

Git & Github Process

Git and Gihub provide several benefits to the team and is an essential tool to The Taproom for collaboration and flexibility. Here are some of the guidelines we aim to follow:

1. Utilize branches - While working on master, branches allow for more collaboration, conversation, and control around changes being made to the code. Commits directly to master should be limited to settings_data updates, client theme updates, typo fixes and emergency bug fixes.

kellyvaughn

/* ===== CSS-VARIABLES.LIQUID (snippets/css-variables.liquid)
======================= */
 
<style>
  {{ settings.headline__font | font_face }}
  {{ settings.regular__font | font_face }}
  {%- assign font_body_bold = settings.regular__font | font_modify: 'weight', 'bolder' -%}
  {%- assign font_body_bold_italic = font_body_bold | font_modify: 'style', 'italic' -%}
  {{ font_body_bold | font_face }}
  {{ font_body_bold_italic | font_face }}

kellyvaughn

/* ===== JS-VARIABLES.LIQUID (snippets/js-variables.liquid)
======================= */
 
{% capture js_variables %}
 
Shopify = window.Shopify || {};
 
{% comment %} /* # Theme settings
================================================== */ {% endcomment %}
Shopify.theme_settings = {};

kellyvaughn

const btns = document.querySelectorAll('button[aria-label*="Accept"]')
for(const btn of btns){
  setTimeout(() => { btn.click() }, 300)
}

kellyvaughn

{
  input: {
    title: 'Allison Floral (Customized) Pocket Square',
    bodyHtml: "<h3>Colors</h3>Lip Balm (#ec9a90, Knotty)<br>Cashew (#f4e4cb, Knotty)<br>Spruce (#768c7c, Knotty)<br>Cypress (#2f443b, Knotty)<br>High Tide (#032e45, Knotty)<br>Ruby (#752633, Knotty)<br><br> We recommend checking out our <a href='https://www.knottytie.com/products/colormatch-chart'>ColorMatch Chart</a> to verify your colors. Colors can vary from screen to print. If you want to guarantee your colors match what you are expecting, this is the best way to do it.",
    vendor: 'Knotty Tie Co.',
    templateSuffix: 'configured-pocket-square',
    productType: 'Configured pocket square',
    variants: [ { price: '20.00', options: [ '12" Square' ] } ],
    options: [ 'Size' ],
    tags: 'configured product, Recommendations disabled, Hidden recommendation',