Copy-paste a Liquid snippet for product page - In-stock grid across all variants - shoppers see what's actually available before tapping.
1<div class="gpl-vm">2 {%- for variant in product.variants -%}3 <span class="gpl-vm__chip{% unless variant.available %} gpl-vm__chip--out{% endunless %}" title="{% if variant.available %}In stock{% else %}Sold out{% endif %}">4 {{ variant.title }}5 <i>{% if variant.available %}✓{% else %}✕{% endif %}</i>6 </span>7 {%- endfor -%}8</div>
Full source is for members
One payment - every snippet, guide and bundle
