Alle Farbvarianten auf Kollektionsseite in Shopify mit Brooklyn Theme anzeigen

Question

Hey, ich benutze Brooklyn Theme in meiner Shopify Website. Ich habe verschiedene Produkte werden Farbvarianten. Wenn ich auf die Sammlungsseite klicke, möchte ich alle Farbvarianten dieser Produkte als separate Produkte anzeigen. Ich google seit letzter Nacht jede Hilfe bitte.

Answer 1

Schauen Sie sich die folgenden Codes an.

<ul class="colorlist"> 
{% for option in product.options %} 
{% if option == 'Color' %} 
{% assign index = forloop.index0 %} 
{% assign colorlist = '' %} 
{% assign color = '' %} 
{% for variant in product.variants %} 
{% capture color %} 
{{ variant.options[index] }} 
{% endcapture %} 

{% unless colorlist contains color %} 
    {% if variant.available %} 

    <li id="{{ variant.id }}" title="{{ variant.inventory_quantity }} In Stock" class="instock"><a href="{{ product.url | within: collection }}?variant={{ variant.id }}" style="background:{{ color | downcase }}">{{ color | downcase }}</a></li> 

    {% else %} 

    <li id="{{ variant.id }}" title="Out of Stock" class="outstock" >{{ color | downcase }}</li> 

    {% endif %} 

{% capture tempList %} 
{{colorlist | append: color | append: " " }} 
{% endcapture %} 
{% assign colorlist = tempList %} 
{% endunless %} 
{% endfor %} 
{% endif %} 
{% endfor %} 
</ul> 

Der obige Code kann die verfügbaren Farben eines Produkts in der Sammlungsseite anzeigen. Sie können die gleiche Schleifenstruktur verwenden und das gesamte Produktraster anzeigen, anstatt nur den Variantennamen anzuzeigen.