Jonathan Moore jonathanmoore

## external-links-in-new-tab.js
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';
  }
}

## Stylefile.yml
---
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

## Stylefile.yml
---
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

## Stylefile.yml
---
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

## instagram-patch.liquid
<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,

## product-tags-snippet.liquid
{% 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 %}

## district-slate-grid-example.html
<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">

## gist:c0e0e503aa732bf1c05b7a7be4230c61
<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

## make-image-change-javascript.js
$(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) {

## page.list-collections.liquid
<!-- /templates/page.liquid -->
<section class="page page-top">
  <div class="wrapper">
    <header class="content-util">
    {% include 'breadcrumb' %}
    {% include 'social-icons' %}
    </header>
    <header class="page-header">
      <h1>{{ page.title }}</h1>
    </header>