leofavre / shopify-srcset-sizes.liquid

Last active May 19, 2019 06:12

Using srcset and sizes for product imagens on Shopify without Javascript (if you know their aspect ratio)

	{% comment %}
	If all product images of your Shopify store share the same aspect ratio,
	you can use the following snippet to generate the correct srcset without
	having to use Javascript to detect their widths.

	The aspect ratio of an image is equal to its width divided by its height.
	Example: for an image that is 1536px wide by 2048px tall,
	the aspect ratio will be 1536 / 2048 = 0.75;

	The `default` variable corresponds to the default size that older browsers

chrisjhoughton / fb-conversion.liquid

Last active February 19, 2022 04:57

Facebook's conversion pixel code, ready to go for Shopify with liquid variables. Change the `youraccountid` and add this to the "additional content and scripts" section of your checkout settings.

	<!-- Facebook Conversion code -->
	{% assign fb_pixel_id = 'yourpixelid' %}

	<script>(function() {
	var _fbq = window._fbq \|\| (window._fbq = []);
	if (!_fbq.loaded) {
	var fbds = document.createElement('script');
	fbds.async = true;
	fbds.src = '//connect.facebook.net/en_US/fbds.js';
	var s = document.getElementsByTagName('script')[0];

zacwasielewski / product-image-srcset.liquid

Last active September 2, 2021 09:29

Shopify responsive product images with srcset. Picturefill-compatible.

	{% comment %}
	Shopify responsive product images with srcset.

	Example:

	Include this snippet on a product page or within a products loop:

	{% include 'product-image-srcset',
	sizes: '(max-width: 640px) 50vw, (min-width: 641px) and (max-width: 960px) 33vw, 25vw' %}

JimmyRittenborg / compress.liquid

Last active June 17, 2023 12:11

HTML Compressor in Shopify Liquid

	{% comment %}

	Input

	{% endcomment %}{% capture _content %}{{ content }}{% endcapture %}{% comment %}

	Remove redundant closing tags

	{% endcomment %}{% assign _endings = "html head body li dt dd p rt rp optgroup option colgroup caption thead tbody tfoot tr td th" \| split: " " %}{% for _element in _endings %}
	{% capture _end %}</{{ _element }}>{% endcapture %}

schaeken / collection-sidebar.liquid

Last active November 18, 2021 13:40

Control the display order of tag groups lists in the collection sidebar using Supply's 'advanced tag filtering' - and control the sort order of the list items within that group using a link list.

	<div class="grid-uniform">
	{% assign group_array = settings.group_array \| split: ',' %}
	{% for group in group_array %}
	{% if cat_array contains group %}
	{% capture array %}{% unless array == blank or array == "" %}{{ array }},{% endunless %}{{group \| strip}}{% endcapture%}
	{% endif %}
	{% endfor%}
	{% assign cat_array = array \| split:',' %}

	{% comment %}

chadsmith / FaviconAwesome.js

Last active January 11, 2018 19:03

FontAwesome in Favicons

	(function() {
	var FaviconAwesome = function(icon, color, bg) {
	'use strict';
	var
	container = document.createElement('div'),
	span = document.createElement('span'),
	body = document.body,
	content,
	canvas = document.createElement('canvas'),
	getContext = function(w) {

chrisjhoughton / fb-open-graph.liquid

Last active February 10, 2025 17:27

Facebook Open Graph meta tags for Shopify. Add this as a snippet called "fb-open-graph.liquid" in your theme, and then add {% include 'fb-open-graph' %} to your theme.liquid file.

	{% if template contains 'product' %}
	<meta property="og:type" content="product">
	<meta property="og:title" content="{{ product.title \| strip_html \| escape }}">
	<meta property="og:category" content="{{ product.type }}" />
	{% for image in product.images limit:3 %}
	<meta property="og:image" content="http:{{ image.src \| product_img_url: 'master' }}">
	<meta property="og:image:secure_url" content="https:{{ image.src \| product_img_url: 'master' }}">
	{% endfor %}
	<meta property="og:price:amount" content="{{ product.price \| money_without_currency \| stip_html \| escape \| remove: ',' }}">
	<meta property="og:price:currency" content="{{ shop.currency }}">

consti / hosts

Last active April 19, 2026 06:51

/etc/hosts to block shock sites etc.

	# This hosts file is brought to you by Dan Pollock and can be found at
	# http://someonewhocares.org/hosts/
	# You are free to copy and distribute this file for non-commercial uses,
	# as long the original URL and attribution is included.

	#<localhost>
	127.0.0.1 localhost
	127.0.0.1 localhost.localdomain
	255.255.255.255 broadcasthost
	::1 localhost

ndarville / business-models.md

Last active April 8, 2026 23:11

Business models based on the compiled list at http://news.ycombinator.com/item?id=4924647. I find the link very hard to browse, so I made a simple version in Markdown instead.

Business Models

Advertising

Models	Examples
Display ads	Yahoo!
Search ads	Google

Chrisedmo / snippet-fb-open-graph-tags.liquid

Created August 21, 2012 11:12

Shopify: Facebook OG Tags

	{% comment %}
	This is for widgets that share content on Facebook.
	See the Facebook Linter: http://developers.facebook.com/tools/debug
	{% endcomment %}

	{% if template contains 'product' %}
	<meta property="og:url" content="{{ shop.url }}{{ product.url }}" />
	<meta property="og:title" content="{{ product.title }}" />
	<meta property="og:description" content="{{ product.description \| strip_html \| truncatewords: 100, '' \| escape }}" />
	<meta property="og:image" content="{{ product.featured_image \| product_img_url: 'medium' }}" />

Vito Solo VitoSolo

Business Models

Advertising