Adding Liquid NerdFixes Care Instructions / Mfr Info to Shopify Theme

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

Universal SEO text from Title / <h1>
Universal Care & Use Info (so they fill products)
Universal Mfr Info (so they fill products)
How to put in a footer menu if your site has one
How to put Autosort Collection Images
How to control Frame Width
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)

In the CODE EDIT area, find the product-template file.
Find this line of code: alt="{{ image.alt | escape }}"
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

{% 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 %}
note this could be done 2 ways:

if/ then (ONE exact match word from TAGS (for all wood products say x;)
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" %}

{% elsif product.title contains "Kitchen Boa" %}

{% 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

Devis - variable uses_minimal_framework on line 5 includes a snippet product-loop. Checking my snippets folder, product-loop.liquid does not exist. I simply deleted the code: {% include 'product-loop' %}

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.

Add POWr apps to select pages, posts, and products on your website. However, if you wish to manually install POWr to a section that is not accessible through Automatic Install, you can copy and paste your app's unique code into the Shopify theme directly.

Follow these steps:

Open your Shopify admin
Navigate to Sales Channels and select Online Store.
Click on Themes
Locate the Actions dropdown on the page and select Edit Code
Open the appropriate HTML file
Paste the app's code into your desired location
Click Save.
Click Preview to see your app on your site.

Popular Places to Add Apps in Themes

Homepage

To add a app to a custom location on your Shopify store's Home page, find the index.liquid file. This page is typically under the Templates folder of your HTML files. Once you locate the index.liquid page, paste your app's HTML code into the file and Save the file.

If your homepage is using sections, follow the instructions in this link.

Page Footer

To add a app to the footer of every page - for example, to install Social Media Icons - find the theme.liquid file. Scroll down through the file to find the Begin Footer note. Paste the app's HTML code below the note. You can move the app HTML code further down in the file to move the app further down the footer.

Note: This option is also available via the Automatic Install Wizard by selecting "All Pages" and selecting the "Bottom" position as the install location.

Check out this article for other places you can add POWr to: Advanced Shopify install: Collections, Password Page, Products