商品一覧ページでの表示に関する質問です。

[Azu]

商品数が少ないストアを構築しているのですが、商品一覧ページが充実して見えるように多くの表示をさせたく思っております。

同商品でカラーバリエーションが2つあった場合、2つとも一覧ページに表示させる方法はありますでしょうか？

1色ずつ別ページで登録するのは避けたく思っております。分かりにくい説明で恐れ入りますが、お力添え頂けると大変助かります。

よろしくお願い申し上げます。

[kogai]

商品一覧のページのテーマファイルにproductオブジェクトを利用している箇所があると思います。

productにはvariants（商品バリエーションを表すオブジェクトのリスト）が生えていますので、こちらをforで回して描画すれば良いと思います。

https://shopify.dev/docs/themes/liquid/reference/objects/product#product-variants

擬似コードになりますが、以下のようなイメージです。

{%- for product in products -%}
    商品のタイトル {{ product.title }}
    {%- for variant in product.variants -%}
        バリエーションのタイトル {{ variant.title }}
    {%- endfor -%}
{%- endfor -%}

[Azu]

Kogaiさん

ご回答頂きありがとうございます！

少々専門的な方法ですが、試してみます。

他にも何か良い方法あれば、ご教授いただけると大変幸いです(._.)！