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

Azu
観光客
7 0 2

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

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

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

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

2件の返信2
kogai
遊覧客
35 8 48

商品一覧のページのテーマファイルに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
観光客
7 0 2

Kogaiさん

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

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

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