jonathanmoore

Change to make in theme.liquid
It adds a canonical tag for tag-filtered pages, back to the base collection/blog page.


*** Find this is the standard canonical tag code: ***

<link rel="canonical" href="{{ canonical_url }}" />


*** Completely replace it with this: ***

jonathanmoore

var links = document.links;
for (var i = 0, linksLength = links.length; i < linksLength; i++) {
  if (links[i].hostname != window.location.hostname) {
    links[i].target = '_blank';
  } 
}

jonathanmoore

---
version: 1.0
domains:
- www.shopify.com
url_patterns:
- www.shopify.com/*
timestamp: '2018-08-01T18:54:29Z'
id: vytH
redirect_url: https://www.shopify.com/
shared_via: StyleURL - (https://styleurl.app) import and export CSS changes from Chrome

jonathanmoore

---
version: 1.0
domains:
- www.shopify.com
url_patterns:
- www.shopify.com/*
timestamp: '2018-08-01T18:53:00Z'
id: q7k_
redirect_url: https://www.shopify.com/
shared_via: StyleURL - (https://styleurl.app) import and export CSS changes from Chrome

jonathanmoore

---
version: 1.0
domains:
- district-theme-demo.myshopify.com
url_patterns:
- district-theme-demo.myshopify.com/*
timestamp: '2018-08-01T18:42:49Z'
id: tbc9
redirect_url: https://district-theme-demo.myshopify.com/
shared_via: StyleURL - (https://styleurl.app) import and export CSS changes from Chrome

jonathanmoore

<script type="text/javascript">
window.addEventListener('DOMContentLoaded', function() {
  (function ($) {
    var $instagramSection = $('.instagram-collection');
    var loadImages = function($container, data, imageCount){
      for (var i = 0; i < imageCount; i++) {
        var images = data.data[i].images,
            // Thumbnail
            thumbnail = images.thumbnail.url,
            thumbnailWidth = images.thumbnail.width,

jonathanmoore

{% if product.tags %}
  {% if collection.handle %}
    {% assign collection_scope = collection.handle %}
  {% else %}
    {% assign collection_scope = 'all' %}
  {% endif %}
  <ul class="product-tags">
    <li>Tags: </li>
    {% for tag in product.tags %}
      {% capture url %}/collections/{{ collection_scope }}/{{ tag | handleize }}{% endcapture %}

jonathanmoore

<div class="grid">
  <div class="grid__item one-half medium-down--one-whole">
    <p>One Half<br>
    One Whole (medium down)</p>
  </div>
  <div class="grid__item one-half medium-down--one-whole">
    <p>One Half<br>
    One Whole (medium down)</p>
  </div>
  <div class="grid__item one-quarter large--one-half medium-down--one-whole">

jonathanmoore

<script>
// (c) Copyright 2016 Caroline Schnapp. All Rights Reserved. Contact: mllegeorgesand@gmail.com
// See https://docs.shopify.com/themes/customization/navigation/link-product-options-in-menus
  
// Modified by Jonathan Moore (Style Hatch) https://github.com/jonathanmoore
/* 
	Updated to work with sectioned themes
    	- Added required methods from the deprecated options_selection.js
        - Triggers an initial variant change
        - Hides sold out variants with only one option

jonathanmoore

$(document).ready(function() {
  thumbnails = $('img[src*="/products/"]').not(':first');
  if (thumbnails.length) {
    thumbnails.bind('click', function() {
      var arrImage = $(this).attr('src').split('?')[0].split('.');
      var strExtention = arrImage.pop();
      var strRemaining = arrImage.pop().replace(/_[a-zA-Z0-9@]+$/,'');
      var strNewImage = arrImage.join('.')+"."+strRemaining+"."+strExtention;
      if (typeof variantImages[strNewImage] !== 'undefined') {
          productOptions.forEach(function (value, i) {