joe-dempsey

{% comment %}
for ref -- toggle images using data source,
{% endcomment %}




<div class="product-item__image-wrapper">
        <img 
             src="{{ product.featured_image | img_url: image_size }}" 

joe-dempsey

{% comment %} here we create a loop for displaying products with related tags.
Linked products have tag "link_..." and "linked"
linked_uniquetext groups the products
linked adds the product to a smart collection we need to setup.
Basically adds products to a new collection
Loop looks for linked_ in tags and if finds it assigns it.
Loop looks for same tag in collection related (we use this to avoid looping through billions of products in all)
Code should make sense.  It uses another product loop and has a limit of 3.
{% endcomment %}

joe-dempsey

{% comment %}
<!-- this loop is not so easy -->
<!-- need to accomodate for US/UK spellings -->
{% for option in product.options %}
{% if option contains 'Color' or option contains 'color' or option contains 'Colors' or option contains 'colors' or option contains 'Colour' or option contains 'colour' or option contains 'Colours' or option contains 'colours' %}
<p class="product-color">{{ product.variants.first.options[forloop.index0] }}</p>
{% endif %}
{% endfor %}
{% endcomment %}

joe-dempsey

{% assign product_qty = 0 %}
{% for variant in product.variants %}
{% if variant.inventory_quantity > 0 %}
{% assign product_qty = product_qty | plus: variant.inventory_quantity %}
{% endif %}
{% endfor %}

{% assign pre_order = false %}

{% comment %}the product is available for sale but has 0 stock - e.g. so is pre-order{% endcomment %}

joe-dempsey

{{ template | replace: '.', '_' | handelize }}

joe-dempsey

{% if section.settings.show_brands_slider %}
<div data-section-id="{{ section.id }}"  id="slick-{{ section.id }}" class="slickslider brands-responsive{% if section.settings.slideshow_width == 'contained' %} container mb30 {% else %} mt-30 {% endif %}" data-section-type="brands-slideshow-section">  
  {% for block in section.blocks %}
    <div class="center brand-slide">
      {% if block.settings.brand_link %}<a href="{{ block.settings.brand_link }}">{% endif %}
        <img src="{{ block.settings.slideshow_image | img_url: '133x' }}" alt="{{ block.settings.slideshow_image.alt }}">
      {% if block.settings.brand_link %}</a>{% endif %}
    </div>
  {% endfor %}  
</div>

joe-dempsey

@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
    background: #fff url('{{ 'ajax-loader.gif' | asset_url }}') center center no-repeat;
}

joe-dempsey

<section class="homepage-section animate wow fadeIn">
  {% if settings.display-wide %}
  {% else %}
  <div class="row">
    <div class="desktop-12 tablet-6 mobile-3">
      {% endif %}

      {% if settings.homepage-display == 'video' %}
      <div class="videoWrapper">
        {{ settings.video-embed }}

joe-dempsey

{% comment %}
Here we have some de-duplication code for when the client is not on Shopify Plus and needs to de-duplicate tracking pixels in the checkout.
If using Shopify Plus a cookie based JS solution may be better.
This is a bit of a hack (but works).
{% endcomment %}


{% comment %}
to go in theme file 
{% endcomment %}

joe-dempsey

{% layout none %}<?xml version="1.0" encoding="UTF-8" ?>
<?xml-stylesheet type="text/css" href="rss.css" ?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">        
  <atom:link href="{{shop.url}}/pages/feed" rel="self" type="application/rss+xml" />
  <products>{% paginate collections.all.products by 1000 %}{% for product in collections.all.products %}
    <product>
      <ProductCategory>{{ product.type }}</ProductCategory>
      <ProductName>{{ product.title | strip_html | strip_newlines | escape | replace: '&', 'and' }}</ProductName>
      <ProductSKU>{{ product.sku }}</ProductSKU>
      <ProductPrice>{{ product.price | money }}</ProductPrice>