【Dawn】商品詳細のバリエーションを表型で表示させるコード編集

Topic summary

ユーザーがDawnテーマの商品詳細ページで、デフォルトのバリエーションピッカーを表形式の一覧表示に変更したいと質問しています。参考例として外部サイトのURLを提示。

提案された解決策:

  • 回答者は、ショッピングカートページのコード(main-cart-items.liquidの46行目付近)を参考にすることを提案
  • カートページの商品リスト表示ロジックを応用し、バリエーションを一覧表示できるよう工夫する必要があると説明
  • 画像も添付され、実装イメージが共有されている

現状:
質問者は初心者レベルの知識しかなく、具体的にどのコードをどこに挿入すべきか理解できず、最終的に今回は諦めると表明。技術的なハードルが高く、未解決のまま終了しています。

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

Dawnテーマでもともと実装されているバリエーションピッカーではなく、下記のURL先のようなものに変更したいです。どのようにコードを書き換えれば良いでしょうか?

教えていただけますと幸いです。

https://deicy.com/shop/deicy/%E3%83%81%E3%82%A7%E3%83%AA%E3%83%BC%E3%83%89%E3%83%83%E3%83%88%E3%83%9E%E3%83%BC%E3%83%A1%E3%82%A4%E3%83%89%E3%82%B9%E3%82%AB%E3%83%BC%E3%83%88/item/view/shop_product_id/13406

Dawnテーマにあるショッピングカートのページは商品が追加されるとリスト表示されますが、あのあたりのコードを参考にして実装してみてはいかがでしょうか?

お返事ありがとうございます。

しかしながら私はほぼ素人の知識しかなく・・・

ショッピングカートのページは商品が追加されるとリスト表示のコードがどこに格納されているのか、またそのコードをどこに実装すれば良いのか、もう少し詳しく教えていただけないでしょうか?

お手数をおかけし申し訳ございませんが、何卒よろしくお願いいたします。

お使いのテーマのコード編集からセクションの「main-cart-items.liquid」が参考になります。大体46行目付近が目的のコード部分に相当します。

もちろん、これをそっくりそのまま使用することはできませんので、バリエーションを一覧で表示できるように工夫する必要があります。

少し雰囲気は違いますが、別の形で実装したのはこんな感じです。

お返事ありがとうごいざます。

あいにく、私にはどこからどこまでのコードをどこの部分に挿入すれば良いかが不明なので、今回は諦めます・・・

ありがとうございました。