FROM CACHE - jp_header

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

oyouhukuyasan
観光客
12 1 0

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%9...

 

スクリーンショット 2023-07-09 23.02.01.png

 

4件の返信4

アユタヤ
Shopify Partner
18 3 3

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

ECサイトのはじまりと成長をサポートするをテーマに日本の商習慣に合わせたサイトづくりや集客・接客・売上アップをサポートしております。
https://ayttya.com
ECサイトの制作から集客・運用サポートまでアユタヤへおまかせください。
oyouhukuyasan
観光客
12 1 0

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

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

 

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

 

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

アユタヤ
Shopify Partner
18 3 3

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

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

_1-1688951273095.png

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

_2-1688951335614.png

 

 

ECサイトのはじまりと成長をサポートするをテーマに日本の商習慣に合わせたサイトづくりや集客・接客・売上アップをサポートしております。
https://ayttya.com
ECサイトの制作から集客・運用サポートまでアユタヤへおまかせください。
oyouhukuyasan
観光客
12 1 0

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

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

 

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