drabbytux · December 10, 2016 20:22 · Shyamala-123 · Nov 16, 2017 · JenGL · Nov 17, 2017
diff --git a/make-image-change-variant-sections b/make-image-change-variant-sections
 {% comment %}
 Place this in your product.liquid template, at the bottom.
 {% endcomment %}
 {% if product.variants.size > 1 %}
 <script>
  var variantImages = {},
    thumbnails,
    variant,
    variantImage,
    optionValue,
    productOptions = [];
    {% for variant in product.variants %}
       variant = {{ variant | json }};
       if ( typeof variant.featured_image !== 'undefined' && variant.featured_image !== null ) {
         variantImage =  variant.featured_image.src.split('?')[0].replace(/http(s)?:/,'');
         variantImages[variantImage] = variantImages[variantImage] || {};
         {% for option in product.options %}
         
           {% assign option_value = variant.options[forloop.index0] %}
           {% assign option_key = 'option-' | append: forloop.index0 %}
         	
           if (typeof variantImages[variantImage][{{ option_key | json }}] === 'undefined') {
             variantImages[variantImage][{{ option_key | json }}] = {{ option_value | json }};
           }
           else {
             var oldValue = variantImages[variantImage][{{ option_key | json }}];
             if ( oldValue !== null && oldValue !== {{ option_value | json }} )  {
               variantImages[variantImage][{{ option_key | json }}] = null;
             }
           }
         {% endfor %}
       }
       productOptions.push(variant);
    {% endfor %}
 </script> 
 {% endif %}
	{% comment %}
	Place this in your product.liquid template, at the bottom.
	{% endcomment %}
	{% if product.variants.size > 1 %}
	<script>
	var variantImages = {},
	thumbnails,
	variant,
	variantImage,
	optionValue,
	productOptions = [];
	{% for variant in product.variants %}
	variant = {{ variant \| json }};
	if ( typeof variant.featured_image !== 'undefined' && variant.featured_image !== null ) {
	variantImage = variant.featured_image.src.split('?')[0].replace(/http(s)?:/,'');
	variantImages[variantImage] = variantImages[variantImage] \|\| {};
	{% for option in product.options %}

	{% assign option_value = variant.options[forloop.index0] %}
	{% assign option_key = 'option-' \| append: forloop.index0 %}

	if (typeof variantImages[variantImage][{{ option_key \| json }}] === 'undefined') {
	variantImages[variantImage][{{ option_key \| json }}] = {{ option_value \| json }};
	}
	else {
	var oldValue = variantImages[variantImage][{{ option_key \| json }}];
	if ( oldValue !== null && oldValue !== {{ option_value \| json }} ) {
	variantImages[variantImage][{{ option_key \| json }}] = null;
	}
	}
	{% endfor %}
	}
	productOptions.push(variant);
	{% endfor %}
	</script>
	{% endif %}
No results found