Skip to content

Free Shipping at $50 📦 Use FREE50

Add in Liquid: Nerd Fixes for ANY Theme

PLAN:

ADD LOGO ABOVE PACK LIST ADDRESS.  AUTOFILL INFO FOR MFR AND PRODUCT CARE.  STILL NOT HAPPY WITH SPACING. IN ORDER OF CHANGES:

Add Map with Custom HTML:

Choose "Custom HTML" or "Advanced" in the Theme Sections. Then in the HTML box add:

<h3>Visit Our Sonoma Kitchenware Store</h3><iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d12525.646370406776!2d-122.46769609597965!3d38.29313057956868!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x8085ac1d3a4be129%3A0x85e77439046d843!2sSign%20of%20the%20Bear%20Kitchenware!5e0!3m2!1sen!2sca!4v1588973403985!5m2!1sen!2sca" width="100%" height="450" frameborder="0" style="border:0;" allowfullscreen="" aria-hidden="false" tabindex="0"></iframe>

obv delete the <h3>Visit Our Sonoma Kitchenware Store</h3> 

IF the theme has a header/ subheader

FRAMING ALL CODE CHANGES:

{%- comment -%}
-----------------------------------------------------------------------
LH INSERT LOGO ABOVE STORE INFO (ON PACK LIST)
-----------------------------------------------------------------------
{%- endcomment -%}
<img src="https://cdn.shopify.com/s/files/1/0272/6320/5487/files/LogoCrop.jpg?v=1588272601" style="width: 60px; height: 60px;">
<br>
{%- comment -%}
--------------------------------------------------
END LH CODE EDIT
--------------------------------------------------
{%- endcomment -%}

For All: Start with: Customize Theme/ Actions/ EDIT CODE in Product TEMPLATE (use arrow to pull up menu)   all in :   product-template.liquid

  1. Universal SEO text from Title / <h1>
  2. Universal Care & Use Info (so they fill products)
  3. Universal Mfr Info (so they fill products)
  4. How to put in a footer menu if your site has one
  5. How to put Autosort Collection Images
  6. How to control Frame Width
  7. How to iframe your store location from Google? 

1. To Universally Fill Images' Alt Text: 

Universal Alt Texts with liquid (so they autofill images w/ <h1>)

Start again with EDIT CODE in Product TEMPLATE (as above)

    1. In the CODE EDIT area, find the product-template file.
    2. Find this line of code: alt="{{ image.alt | escape }}"
    3. Replace it with this:   
  • alt=" {% if image.alt %}
  •    {{ image.alt | escape }}
  •    {% else %}
  •    {{ product.title }}
  •  {% endif %}"

To make a button:

in Product in HTML: go to products find the a tag add class="button"

themes in scss.liquid  = cascading style sheets,

a.button {
  padding: 20px;
  background-color:$colorPrimary;
  color:white;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
a.button:hover {
  background-color:black;
}
 class="button"

To Universally Fill Products' Care + Use Info: 

Universal Care Instructions with liquid (so they fill products)

Start again with EDIT CODE in Product TEMPLATE (as above)  in  product-template.liquid

  1. {% for tag in product.tags %}      
             {% if tag == "Wood" %}            
                     {{ pages.caring-for-your-wood.content }}      
            {% elsif tag == "Mill" %}  
                     {{ pages.caring-for-your-pepper-salt-mills.content }}
            {% elsif tag == "Linens" %} 
                       {{ pages.caring-for-your-kitchen-linens.content }}       
          {% endif %}
    {% endfor %} 
  2. note this could be done 2 ways:
    1. if/ then (ONE exact match word from TAGS (for all wood products say x;)
    2. if/ then  (pick exact match world from Title ) 

If product is Flagged by TITLE, again an EDIT CODE in Product TEMPLATE

If Product is Flagged by TITLE  Use Exact Match Vendor's names/ subst names: WÜSTHOF, Shun, Lodge, Kyocera, Bialetti, YETI, Kitchen Boa, Heirloom Wood, Henckels, Oxo, TRITAN, Chemex, Rancho Gordo, Kyocera, Staub, Peugeot, Wonderbib, 
If Product is Flagged by TITLE
   Vendor's names/ subst names: WÜSTHOF, Shun, Lodge, Kyocera, Bialetti, YETI, Kitchen Boa, Heirloom Wood, Henckels, Oxo, TRITAN, Chemex, Rancho Gordo, Kyocera, Staub, Peugeot, Bella Tunno, 
-- Sample Grammar --
{% if product.title contains "WÜSTHOF" %}
    {{ pages.wusthof-german-knives-cutlery.content }}
{% elsif product.title contains "Kitchen Boa" %}  
    {{ pages.demdaco-kitchen-boas.content }}      
{% else %}
    Thanks for shopping with us!
{% endif %}
-- Actual Code: ---

{%- comment -%}
--------------------------------------------------------------------------------------------
BREAK in original Prestige Theme Code
---------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------
LNH: nerd hack w/Peter's genius
UNIVERSAL PRODUCT CONTENT FROM VARIOUS TAGS
This is where use tags to flag + insert information sections on product pages
--------------------------------------------------------------------------------------------
{%- endcomment -%}

{% for tag in product.tags %}
{% if tag == "Wood" %}
{{ pages.caring-for-your-wood.content }}
{% elsif tag == "Mills" %}
{{ pages.caring-for-your-pepper-salt-mills.content }}
{% elsif tag == "Linens" %}
{{ pages.caring-for-your-kitchen-linens.content }}
{% endif %}
{% endfor %}

{%- comment -%}
--------------------------------------------------------------------------------------------
UNIVERSAL PRODUCT CONTENT FROM VARIOUS TITLE KEYWORD GROUPS
This is where we use word groups in the <h1> product title to flag and insert information on product pages
-------------------------------------------------------------------------------------------
{%- endcomment -%}

{% if product.title contains "WÜSTHOF" %}
        {{ pages.wusthof-german-knives-cutlery.content }} 
{% elsif product.title contains "Lodge" %}
        {{ pages.lodge-cast-iron-cookware.content }}
{% elsif product.title contains "Bialetti" %}
        {{ pages.bradshaw-bialetti-italian-stovetop-espresso.content }}
{% elsif product.title contains "Shun" %}
        {{ pages.shun-japanese-chefs-knives-cutlery.content}}
{% elsif product.title contains "Kitchen Boa" %}
        {{ pages.demdaco-kitchen-boas.content }}
     {% elsif product.title contains "Heirloom Wood" %}
{{ pages.holland-bowls-beautiful-wooden-bowls.content }}
     {% elsif product.title contains "Henckels" %}
        {{ pages.zwilling-henkels-four-star-german-knives.content }}
{% elsif product.title contains "Oxo" %}
        {{ pages.oxo-tools-for-living.content }}
{% elsif product.title contains "Chemex" %}
        {{ pages.chemex-perfect-coffee.content }}
     {% elsif product.title contains "Rancho Gordo" %}
        {{ pages.rancho-gordo-heirloom-beans-and-popcorn.content }}
{% elsif product.title contains "YETI" %}
        {{ pages.yeti.content }}
    {% elsif product.title contains "Kyocera" %}
                 {{ pages.kyocera-ceramic-knives.content }}
     {% elsif product.title contains "Spirit" %}
                 {{ pages.zwilling-spirit-stainless-and-ceramic-ceranonstick-cookware.content }}
     {% elsif product.title contains "Staub" %}
                 {{ pages.staub-french-bakeware-and-enamel-cookware.content }}
    {% elsif product.title contains "Peugeot" %}
                 {{ pages.peugeot-pepper-and-salt-mills.content }}
{% elsif product.title contains "Derwent" %}
                 {{ pages.derwents-are-the-best-engineered-peppermills-on-the-planet.content }}
     {% elsif product.title contains "Wonderbib" %}
                 {{ pages.bella-tunno.content }}
     {% elsif product.title contains "Epicurean" %}
                 {{ pages.epicurean-cutting-boards-tools.content }}
     {% elsif product.title contains "Laguiole" %}
                 {{ pages.claude-dozorme-laguiole-legendary-french-knives.content }}
{% elsif product.title contains "HammerStahl"%}
                 {{ pages.hammerstahl-knives.content }}
{% elsif product.title contains "Hammer Stahl"%}
                 {{ pages.hammerstahl-knives.content }}
     {% elsif product.title contains "Heritage Steel" %}
                 {{ pages.heritage-steel-cookware.content }}
     {% elsif product.title contains "Soy Candle" %}
                 {{ pages.soy-pure-premium-60-hour-candles.content }}
     {% elsif product.title contains "Olivewood" %}
                 {{ pages.olivewood-beautifully-hand-carved-heirloom-olivewood-bowls-and-boards.content }}
        {% elsif product.title contains "Triple-Milled*" %}
                 {{ pages.pre-de-provence-french-triple-milled-soap.content }}
        {% elsif product.title contains "Triple-Milled " %}
                 {{ pages.wavertree-london-triple-milled-australian-soap.content }}

{% endif %}  


{%- comment -%}
-----------------------------------------------------------------------------------------
BACK to original Prestige Theme Code
------------------------------------------------------------------------------------------
{%- endcomment -%}
 
HOW to Change Image Sizes  and number per row in Collectoins?

HOW to ADD POWr apps to a Shopify Theme with HTML

 

All Shopify stores have a collections list page at the URL www.mystore.com/collections shows all of the collections in the store. As an alternative to this tutorial, you can edit your collections list page to show only a selection of your collections.

 

https://community.shopify.com/c/Shopify-Design/Collection-Feature-a-subset-of-collections-on-a-page/m-p/614952

 

 you can change how big/small the collection images are and also how many in a row.
To change size look at line 15, where it says large this can be change to small, compact, medium, large & grande
To change how many collections per row look to line 9. Where it says third on each ID you can change it to the following, half for 2, third for 3, quarter for 4, fifth for 5, sixth for 6 and so on though I have not tested it above 6.
In doing this I was able to create 3 separate page templates with 2 collections in a row, 4 and also 6. Although I am experiencing an issue mainly visible on mobile site where the image furthest on the right is clipping with the edge of the screen will update if I fix it.