Mario Loncarek marioloncarek
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Liquid for Mephisto Cheatsheet | |
| Compiled by Lee Leonard | |
| Version 0.2 - 31 Jan 2007 (liquid 1.5.0; Mephisto 0.7.3) | |
| This is a second draft -- corrections and suggestions are even more | |
| encouraged. Send them to <l...@tempestprod.com>. | |
| Basic Syntax | |
| {{ (variable | string) ['|' filter1 ['|' filter2...]] }} | |
| {% controltag %} [..] {% endcontroltag %} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| sub, sup { | |
| /* Specified in % so that the sup/sup is the | |
| right size relative to the surrounding text */ | |
| font-size: 75%; | |
| /* Zero out the line-height so that it doesn't | |
| interfere with the positioning that follows */ | |
| line-height: 0; | |
| /* Where the magic happens: makes all browsers position |
sunny
/ change-hash-without-scrolling.js
Last active
January 18, 2023 12:04
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // Change window.location.hash without scrolling the page, even in IE | |
| // by renaming the element's id temporarily | |
| function changeHashWithoutScrolling(hash) { | |
| const id = hash.replace(/^.*#/, '') | |
| const elem = document.getElementById(id) | |
| elem.id = `${id}-tmp` | |
| window.location.hash = hash | |
| elem.id = id | |
| } |
carolineschnapp
/ related-products.liquid
Last active
December 22, 2022 21:29
Related Products — to add to product.liquid
carolineschnapp
/ gist:1002949
Last active
October 12, 2023 09:32
Related Products by Tags — to add to product.liquid
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!-- Solution brought to you by Caroline Schnapp --> | |
| <!-- See this: http://wiki.shopify.com/Related_Products --> | |
| {% assign image_size = 'compact' %} | |
| {% assign heading = 'Other fine products' %} | |
| {% if product.tags.size > 0 %} | |
| <h3>{{ heading }}</h3> | |
| <ul class="related-products"></ul> |
thefuxia
/ class.T5_Nav_Menu_Walker_Simple.php
Created
June 29, 2011 08:49
T5_Nav_Menu_Walker_Simple
carolineschnapp
/ gist:1083007
Last active
October 27, 2022 17:59
Linked options helper methods for Shopify. See this: http://docs.shopify.com/manual/configuration/store-customization/advanced-navigation/linked-product-options
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <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 | |
| var Shopify = Shopify || {}; | |
| Shopify.optionsMap = {}; | |
| Shopify.updateOptionsInSelector = function(selectorIndex) { | |
benschwarz
/ index.html
Last active
November 6, 2023 21:10
Using ARIA roles with <header>, <footer> and <aside>
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!doctype html> | |
| <html> | |
| <body> | |
| <header role="banner"> | |
| <a href="/" rel="home">My company</a> | |
| <nav role="navigation"> | |
| <a href="/about">About</a> | |
| <a href="/contact">Contact</a> | |
| </nav> | |
| </header> |
davecap
/ collections.liquid.html
Last active
March 19, 2024 13:08
"Infinite" scrolling in Shopify collections
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| {% paginate collection.products by 20 %} | |
| <!-- the top of your collections.liquid --> | |
| <!-- START PRODUCTS --> | |
| {% for product in collection.products %} | |
| <!-- START PRODUCT {{ forloop.index | plus:paginate.current_offset }} --> | |
| <div class="product" id="product-{{ forloop.index | plus:paginate.current_offset }}"> | |
| {% include 'product' with product %} | |
| </div> | |
| <!-- END PRODUCT {{ forloop.index | plus:paginate.current_offset }} --> |
jconnoll
/ Linklist-with-first-image.liquid
Created
September 6, 2011 16:37
Shopify Snippet - Linklist with Images (ala Category Display)
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| {% comment %}Get page handle{% endcomment %} | |
| {% assign listname = page.handle %} | |
| {% capture listname %}{{ page.title | handle }}{% endcapture %} | |
| {% for link in linklists[listname].links %} | |
| {% if link.object.products.first.id %} {% comment %}Make sure it's not empty{% endcomment %} | |
| <a href="{{ link.url }}" title="{{ link.title }}"> | |
| {{ link.object.products.first.featured_image | product_img_url: 'medium' | img_tag: link.title }} |
OlderNewer