G:Variant Image + Color Swatch (by Globo) Integration Guide

If you're using G:Variant Image + Color Swatch, the collection page may show the options like this:

If you are adding a liquid file - swatch-globo.liquid to the theme. Just open this file and replace the following:

{% if product.variants.size > 0 %}<div globo-product-swatch-id={{product.id}}>
  <div product-swatch-id={{product.id}}></div>
  <div data-id="{{product.id}}" data-url="{{product.url}}" style="display:none;">
  {{product | json}}  </div>
</div>
{% endif %}
With
{% if product.vendor != 'BYOB' and product.variants.size > 0 %}<div globo-product-swatch-id={{product.id}}>
  <div product-swatch-id={{product.id}}></div>
  <div data-id="{{product.id}}" data-url="{{product.url}}" style="display:none;">
  {{product | json}}  </div>
</div>
{% endif %}
Just change the first line and it'll be alright

Still need help? Contact Us Contact Us