Keyur Shah keyurshah

Use the alt text to associate the additional images - besides the variant image - to the option value. Example: say you have 3 images that show the Blue variants, then a) associate the first image as variant image to all Blue variants, and b) set the alt text of the 2 additional images to 'Blue'.
Copy+paste the code found in the product.liquid snippet below at the bottom of your product.liquid template.

Only the images associated to the currently selected variant are shown. Other images are hidden.

BEMIT Cheatsheet

Give developers more knowledge about how the classes behave in a non-relative sense: BEM + ITCSS = BEMIT

BEM:

	{% comment %}
	Do we have a Color option?
	If so, is it the first, second or third option of that product?
	We will need to access values so we need that color index.
	{% endcomment %}

	{% assign has_color = false %}
	{% assign color_option_index = 0 %}
	{% for option in product.options %}
	{% assign downcased_option = option \| downcase %}

	import requests
	import base64
	from tqdm import tqdm


	master_json_url = 'https://178skyfiregce-a.akamaihd.net/exp=1474107106~acl=%2F142089577%2F%2A~hmac=0d9becc441fc5385462d53bf59cf019c0184690862f49b414e9a2f1c5bafbe0d/142089577/video/426274424,426274425,426274423,426274422/master.json?base64_init=1'
	base_url = master_json_url[:master_json_url.rfind('/', 0, -26) + 1]

	resp = requests.get(master_json_url)
	content = resp.json()

	mixin pagination(adjacents, numPages, display, currentPage, base)
	- adjacents = (adjacents \|\| 1) * 1;
	- numPages = (numPages \|\| 10) * 1;
	- currentPage = (currentPage \|\| 1) * 1;
	- base = base \|\| '#';
	- display = (display \|\| 7) * 1;

	ul.pagination
	if numPages < display + adjacents * 2
	- var p = 1;

	{% comment %}
	Create product for engraving and add to collection with handle "utility"
	Add "add-to-cart" class to product form
	Add "quantity" class to quantity field
	Create a test for engraving product -- I like adding a product tag

	{% for tag in product.tags %}
	{% assign t = tag \| downcase %}
	{% if t contains 'engrave' %}{% assign engrave = true %}{% endif %}
	{% endfor %}

	#!/usr/bin/php
	<?php

	$files = shell_exec('git diff-index --name-only --cached --diff-filter=ACMR HEAD \| grep "\.php$"');
	$files = explode("\n", trim($files));

	$exitCode = 0;

	foreach ($files as $file) {
	if (empty($file)) {

	{% if cart.total_price > settings.cart-discount-threshold %}{% assign threshold = true %}{% endif %}
	<form action="/cart{% if threshold %}/?discount=[discountcode]{% endif %}" method="post">