カラーバリエーションがあることを「＋」マークなどで表示できるかどうか

日本語 ディスカッション 技術的なQ＆A

Topic summary

商品一覧ページで、各商品にカラーバリエーションが複数存在することを視覚的に示したいという質問です。

希望する表示方法:

  • 「商品名+2」のような形式で、初期表示カラー以外にもバリエーションがあることを表示
  • 参考として他社サイトの写真を添付予定だったが、実際には添付されていない

提案された解決策:
Qcoltd氏が以下のコードでバリエーション数を出力できると回答:

{{ product.variants | size }}

実装方法:

  • 希望する箇所に「コード編集」でこのコードを埋め込む
  • ただし、この解決策は未検証

現状: 具体的な実装結果や追加の質問はまだ投稿されておらず、議論は継続中と思われます。

Summarized with AI on November 3. AI used: claude-sonnet-4-5-20250929.
1

商品ページのトップページで複数の商品を表示しているのですが、
個々の商品にカラーバリエーションがあることをそのトップページのところで
例）「商品名＋2」などを表示して初期表示カラー以外にもバリエーションがあることを視覚的に見せることは
可能ですか？※他社サイトの参考写真を添付します。

2

@sasa2022 様

他社サイトの参考写真が添付されていなかったようですので、

メッセージから推測しての回答になります。

商品のバリエーションの数は下記のコードで出力できるはずです。(検証はしておりません。)

{{ product.variants | size }}

ご希望の箇所に「コード編集」で埋め込んでいただくと良いかと思います。

ご参考まで。

(キュー田辺)