├── Generate Random number
    └── change shipping names.liquid
├── Price Per Unit
    ├── product-template-price.liquid.txt
    └── theme.js
├── README.md
├── Register account with address
    └── account.new-address.liquid
├── Stop Clone Websites
    └── stop-clone-sites.js
├── change shipping names
    ├── README
    └── change shipping names.js
├── loop-through-linklist
└── section-custom-css
    └── custom-schema.liquid


/Generate Random number/change shipping names.liquid:
--------------------------------------------------------------------------------
1 | {%- comment -%}
2 |     add {% render 'random-number' %}
3 |     {{ random_number }} -> here's your random number
4 | {%- endcomment -%}
5 | 
6 | {%- assign min = 0 -%}
7 | {%- assign max = 9999999 -%}
8 | {%- assign diff = max | minus: min -%}
9 | {%- assign random_number = "now" | date: "%N" | modulo: diff | plus: min -%}


--------------------------------------------------------------------------------
/Price Per Unit/product-template-price.liquid.txt:
--------------------------------------------------------------------------------
 1 |   {%- when 'price' -%}
 2 |                     <div class="product-block product-block--price" {{ block.shopify_attributes }}>
 3 |                       {%- assign hide_sale_price = true -%}
 4 |                       {%- if product.compare_at_price_max > product.price -%}
 5 |                         {%- if current_variant.compare_at_price > current_variant.price -%}
 6 |                           {%- assign hide_sale_price = false -%}
 7 |                         {%- endif -%}
 8 |                         <span
 9 |                           data-a11y-price
10 |                           class="visually-hidden"
11 |                           aria-hidden="{{ hide_sale_price }}">
12 |                             {{ 'products.general.regular_price' | t }}
13 |                         </span>
14 |                         <span data-product-price-wrap class="{% if hide_sale_price %} hide{% endif %}">
15 |                           <span data-compare-price class="product__price product__price--compare">
16 |                             {%- if current_variant.compare_at_price > current_variant.price -%}
17 |                               {{ current_variant.compare_at_price | money }}
18 |                             {%- endif -%}
19 |                           </span>
20 |                         </span>
21 |                         <span data-compare-price-a11y class="visually-hidden">{{ 'products.general.sale_price' | t }}</span>
22 |                       {%- else -%}
23 |                         <span data-a11y-price class="visually-hidden">{{ 'products.general.regular_price' | t }}</span>
24 |                       {%- endif -%}
25 | 
26 |                       <span data-product-price
27 |                         class="product__price{% if current_variant.compare_at_price > current_variant.price %} on-sale{% endif %}">
28 |                         {%- unless product.empty? -%}
29 |                           {{ current_variant.price | money }}
30 |                         {%- else -%}
31 |                           {{ 1999 | money }}
32 |                         {%- endunless -%}
33 |                       </span>
34 |               {% if product.metafields.custom.quantity != blank %}
35 |                 <span class="per-unit-price">{{ current_variant.price | divided_by: product.metafields.custom.quantity | money }}/unit</span>
36 |               {% endif %}
37 | 
38 |                   
39 |                   <!--code for variant price /unit -->
40 |                     {% for variant in product.variants %}
41 |                        {% if variant.metafields.custom.variant_quantity != blank %}
42 |                          <span data-variant-id="{{variant.id}}" 
43 |                           style="{% if product.selected_or_first_available_variant.id == variant.id %} display: inline; {% endif %}"
44 |                           class="per-unit-price-variant perunit">
45 |                              {{ current_variant.price | divided_by: variant.metafields.custom.variant_quantity | money }}
46 |                          per {% if variant.metafields.custom.unit_word_place == blank %}unit{% endif %}{% if variant.metafields.custom.unit_word_place != blank %}{{ variant.metafields.custom.unit_word_place }}{% endif %}</span>
47 |                         {% endif %}             
48 |                     {% endfor %} 
49 |                   
50 |                   <!--code for variant price /unit -->
51 | 


--------------------------------------------------------------------------------
/Price Per Unit/theme.js:
--------------------------------------------------------------------------------
 1 |  _updateUnitPrice: function(variant) {
 2 |         document.querySelectorAll("span.perunit").forEach(function(el){
 3 |           el.style.display = 'none';
 4 |         });
 5 |         document.querySelector("span[data-variant-id='"+variant.id+"']").style.display = "inline";
 6 |         if (this.currentVariant && variant.unit_price === this.currentVariant.unit_price) {
 7 |           return;
 8 |         }
 9 |   
10 |         this.container.dispatchEvent(new CustomEvent('variantUnitPriceChange', {
11 |           detail: {
12 |             variant: variant
13 |           }
14 |         }));
15 |       },


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | # notch-shopify-snippets
2 | 
3 | This repository is a collection of useful, time-saving shortcuts that help you streamline your Shopify theme development process. 
4 | 


--------------------------------------------------------------------------------
/Register account with address/account.new-address.liquid:
--------------------------------------------------------------------------------
 1 |     {% assign formID = "" %}
 2 |     {% if formInfo.id %}
 3 |       {% assign formID = formInfo.id | prepend: "_"%}
 4 |     {% endif %}
 5 | 
 6 |     {% form 'customer_address', formInfo %}
 7 |       <div class="input-wrapper">
 8 |         <label for="customer_addresses_first_name{{ formID }}">{{ 'customer.addresses.first_name' | t }}</label>
 9 |         <input type="text" name="address[first_name]" value="{{form.first_name}}" id="customer_addresses_first_name{{ formID }}" />
10 |       </div>
11 |       <div class="input-wrapper">
12 |         <label for="customer_addresses_last_name{{ formID }}">{{ 'customer.addresses.last_name' | t }}</label>
13 |         <input type="text" name="address[last_name]" value="{{form.last_name}}" id="customer_addresses_last_name{{ formID }}" />
14 |       </div>
15 |       <div class="input-wrapper">
16 |         <label for="customer_addresses_company{{ formID }}">{{ 'customer.addresses.company' | t }}</label>
17 |         <input type="text" name="address[company]" value="{{form.company}}" id="customer_addresses_company{{ formID }}" />
18 |       </div>
19 |       <div class="input-wrapper">
20 |         <label for="customer_addresses_address1{{ formID }}">{{ 'Street Address' }}</label>
21 |         <input type="text" name="address[address1]" value="{{form.address1}}" id="customer_addresses_address1{{ formID }}" />
22 |       </div>
23 |       <div class="input-wrapper">
24 |         <label for="customer_addresses_address2{{ formID }}">{{ 'Suburb' }}</label>
25 |         <input type="text" name="address[address2]" value="{{form.address2}}" id="customer_addresses_address2{{ formID }}" />
26 |       </div>
27 |       <div class="input-wrapper">
28 |         <label for="customer_addresses_city{{ formID }}">{{ 'customer.addresses.city' | t }}</label>
29 |         <input type="text" name="address[city]" value="{{form.city}}" id="customer_addresses_city{{ formID }}" />
30 |       </div>
31 |       {% if isNew %}
32 |         <div class="input-wrapper">
33 |           <label for="address-country">{{ 'customer.addresses.country' | t }}</label>
34 |           <div class="select-wrapper">
35 |             <div class="selected-text"></div>
36 |             <select id="address-country" name="address[country]" data-default="{{form.country}}">{{ country_option_tags }}</select>
37 |           </div>
38 |         </div>
39 |         <div class="input-wrapper" id="address-province-container" style="display:none">
40 |           <label for="address-province">{{ 'customer.addresses.province' | t }}</label>
41 |           <div class="select-wrapper">
42 |             <div class="selected-text"></div>
43 |             <select id="address-province" class="new-address-province" name="address[province]" data-default="{{form.province}}"></select>
44 |           </div>
45 |         </div>
46 |       {% else %}
47 |         <div class="input-wrapper">
48 |           <label for="address-country-{{form.id}}">{{ 'customer.addresses.country' | t }}</label>
49 |           <div class="select-wrapper">
50 |             <div class="selected-text"></div>
51 |             <select id="address-country-{{form.id}}" name="address[country]" data-default="{{form.country}}">{{ country_option_tags }}</select>
52 |           </div>
53 |         </div>
54 |         <div class="input-wrapper" id="address-province-container-{{ address.id }}" style="display:none">
55 |           <label for="address-province-{{ address.id }}">{{ 'customer.addresses.province' | t }}</label>
56 |           <div class="select-wrapper">
57 |             <div class="selected-text"></div>
58 |             <select id="address-province-{{ address.id }}" name="address[province]" data-default="{{form.province}}"></select>
59 |           </div>
60 |         </div>
61 |       {% endif %}
62 |       <div class="input-wrapper">
63 |         <label for="customer_addresses_zip{{ formID }}">{{ 'customer.addresses.zip' | t }}</label>
64 |         <input type="text" name="address[zip]" value="{{form.zip}}" id="customer_addresses_zip{{ formID }}" />
65 |       </div>
66 |       <div class="input-wrapper">
67 |         <label for="customer_addresses_phone{{ formID }}">{{ 'customer.addresses.phone' | t }}</label>
68 |         <input type="text" name="address[phone]" value="{{form.phone}}" id="customer_addresses_phone{{ formID }}" />
69 |       </div>
70 |       <div class="inline-input-wrapper">
71 |         {% capture defaultAddressID %}
72 |           {% if isNew %}
73 |             address_default_address_new
74 |           {% else %}
75 |             address_default_address{{ formID }}
76 |           {% endif %}
77 |         {% endcapture %}
78 |         <label for="{{ defaultAddressID | strip_newlines | strip}}">
79 |           {{ form.set_as_default_checkbox }}
80 |           <span class="inline-label">
81 |             {{ 'customer.addresses.set_as_default' | t }}
82 |           </span>
83 |         </label>
84 |       </div>
85 |       <div class="input-wrapper cta-container">
86 |         <input class="button" type="submit" id="submit{{ formID }}" value="{{ 'general.general.submit' | t }}">
87 |         {% unless isNew %}
88 |           <button class="cancel-edit button secondary">{{ 'customer.general.cancel' | t }}</button>
89 |         {% endunless %}
90 |         {% if customer.addresses.size > 0 and isNew %}
91 |           <button class="toggle-new-address button secondary">{{ 'customer.general.cancel' | t }}</button>
92 |         {% endif %}
93 |       </div>
94 |     {% endform %}
95 | 


--------------------------------------------------------------------------------
/Stop Clone Websites/stop-clone-sites.js:
--------------------------------------------------------------------------------
1 | <script>
2 |   var a = "www.clo",
3 |       b = "veandtwine.com",
4 |       c = "https://";
5 | if (window.location.hostname !== a+b) {
6 |   window.location = c+a+b;
7 | }
8 | </script>
9 | 


--------------------------------------------------------------------------------
/change shipping names/README:
--------------------------------------------------------------------------------
1 | Add to checkout scripts
2 | 


--------------------------------------------------------------------------------
/change shipping names/change shipping names.js:
--------------------------------------------------------------------------------
 1 | Input.shipping_rates.each do |shipping_rate|
 2 |   next unless shipping_rate.name == "UPS Ground"
 3 |   shipping_rate.change_name("Standard Shipping", message: "Change name from Ground to Standard Shipping")
 4 | end
 5 | 
 6 | Input.shipping_rates.each do |shipping_rate|
 7 |   next unless shipping_rate.name == "UPS Three-Day Select"
 8 |   shipping_rate.change_name("3 Day", message: "Change name from Ground to Standard Shipping")
 9 | end
10 | 
11 | Input.shipping_rates.each do |shipping_rate|
12 |   next unless shipping_rate.name == "UPS Second Day Air"
13 |   shipping_rate.change_name("2 Day", message: "Change name from Ground to Standard Shipping")
14 | end
15 | 
16 | Input.shipping_rates.each do |shipping_rate|
17 |   next unless shipping_rate.name == "UPS Next Day Air"
18 |   shipping_rate.change_name("Next Day", message: "Change name from Ground to Standard Shipping")
19 | end
20 | 
21 | Output.shipping_rates = Input.shipping_rates
22 | 


--------------------------------------------------------------------------------
/loop-through-linklist:
--------------------------------------------------------------------------------
 1 |  <ul>
 2 |   {% for link in linklists.filter-collection-sidebar.links %}
 3 |     <li class="category-list">
 4 |       <a href="{{ link.url }}">{{ link.title }}</a>
 5 |     </li>
 6 |   {% endfor %}
 7 | </ul>
 8 | 
 9 | 
10 | {% comment %}
11 | change filter-collection-sidebar to your menu handle
12 | {% endcomment %}
13 | 
14 | 
15 | 
16 | 


--------------------------------------------------------------------------------
/section-custom-css/custom-schema.liquid:
--------------------------------------------------------------------------------
 1 | 
 2 | <div class="{{ section.settings.customClass }}">
 3 | 
 4 | </div>
 5 | 
 6 | 
 7 | 
 8 | 
 9 | <!-- Add this object to settings[] Schema -->
10 |    {
11 |       "type": "text",
12 |       "id": "customClass",
13 |       "default": "banner__custom--page-width",
14 |       "label": "Custom | Css class",
15 |       "info": "To Add custom class to change the current layout styles"
16 |     }
17 | 


--------------------------------------------------------------------------------