FROM CACHE - jp_header

メタフィールドの情報をカートに表示

解決済

メタフィールドの情報をカートに表示

Ayane
遊覧客
13 1 1

商品単位でメタフィールドにお届け予定日に関する情報を持っているのですが(ネームスペースとキー custom._shipping_information)

こちらの情報をカート画面にも商品毎に商品情報の一番下に表示したいと考えております。

テーマはdawnです。

 

コードが初心者でして分からず困っております。どなたか教えてください。

2 件の受理された解決策

Qcoltd
Shopify Partner
1059 435 427

成功

@Ayane

ご質問いただいている、Dawnテーマでカートで商品に登録したメタフィールドを表示したい件ですが、下記の手順でテンプレートを変更することで表示が可能かと思います。

 

Dawn バージョン12.0.0での変更手順となります。

※バージョンによって、対象箇所が異なる場合があります。

 

1.管理画面 > オンラインストア > カスタマイズボタンの左横の『・・・』をクリックし、『コードを編集』をクリック
20231206_img10.png

 

2.検索窓に『main-cart-items.liquid』と入力し、main-cart-items.liquidを開く
20231206_img07.png

 

3.171行目と172行目の下記コードを
20231206_img07 2.png

 

  </ul>
</td>

下記に変更し保存
20231206_img08.png

  </ul>
  <p>{{ item.product.metafields.custom._shipping_information }}</p>
</td> ​

 

カートでの表示例

20231206_img09.png



ご参考まで。

(キュー小坂)

株式会社Q (キュー)
グラフィックデザイン、アパレル事業、Web制作など色々やっている渋谷区代々木の会社です。ShopifyでのECサイトの運営・開発も行なっています。
私たちについて: https://web.q-co.jp/ テックブログ: https://techlab.q-co.jp/

元の投稿で解決策を見る

Qcoltd
Shopify Partner
1059 435 427

成功

@Ayane

 

ご質問いただいている、Impulseテーマでカートで商品に登録したメタフィールドを表示したい件ですが、

たまたまImpulseのバージョン7.4.0のテーマが手元ありましたので、変更手順を記載させていただきます。
※バージョンによって、対象箇所が異なる場合があります。

 

1.管理画面から、テーマの『コードを編集』をクリックし検索窓に『cart-item.liquid』と入力し、cart-item.liquidを開く

20240304_img01.png

2.81行目と82行目の下記コードを

  </div>
</div>

下記に変更し保存

20240304_img02.png

  </div>
  <p>{{ product.product.metafields.custom._shipping_information }}</p>
</div>


カートでの表示例

20240304_img03.png

コンテンツ間のスペース等はcssなどでご調整ください。

 

ご参考まで。

(キュー小坂)

株式会社Q (キュー)
グラフィックデザイン、アパレル事業、Web制作など色々やっている渋谷区代々木の会社です。ShopifyでのECサイトの運営・開発も行なっています。
私たちについて: https://web.q-co.jp/ テックブログ: https://techlab.q-co.jp/

元の投稿で解決策を見る

5件の返信5

Qcoltd
Shopify Partner
1059 435 427

成功

@Ayane

ご質問いただいている、Dawnテーマでカートで商品に登録したメタフィールドを表示したい件ですが、下記の手順でテンプレートを変更することで表示が可能かと思います。

 

Dawn バージョン12.0.0での変更手順となります。

※バージョンによって、対象箇所が異なる場合があります。

 

1.管理画面 > オンラインストア > カスタマイズボタンの左横の『・・・』をクリックし、『コードを編集』をクリック
20231206_img10.png

 

2.検索窓に『main-cart-items.liquid』と入力し、main-cart-items.liquidを開く
20231206_img07.png

 

3.171行目と172行目の下記コードを
20231206_img07 2.png

 

  </ul>
</td>

下記に変更し保存
20231206_img08.png

  </ul>
  <p>{{ item.product.metafields.custom._shipping_information }}</p>
</td> ​

 

カートでの表示例

20231206_img09.png



ご参考まで。

(キュー小坂)

株式会社Q (キュー)
グラフィックデザイン、アパレル事業、Web制作など色々やっている渋谷区代々木の会社です。ShopifyでのECサイトの運営・開発も行なっています。
私たちについて: https://web.q-co.jp/ テックブログ: https://techlab.q-co.jp/
Ayane
遊覧客
13 1 1

ありがとうございます!無事できました。助かりました。

Ayane
遊覧客
13 1 1

以前はご回答ありがとうございました。

DawnからImpulseにテーマを変更したところ設定すべき箇所が分からなくなってしまい

もし可能でしたら改めてお伺いしたいです。お忙しいところ恐縮ですがよろしくお願いいたします

Qcoltd
Shopify Partner
1059 435 427

成功

@Ayane

 

ご質問いただいている、Impulseテーマでカートで商品に登録したメタフィールドを表示したい件ですが、

たまたまImpulseのバージョン7.4.0のテーマが手元ありましたので、変更手順を記載させていただきます。
※バージョンによって、対象箇所が異なる場合があります。

 

1.管理画面から、テーマの『コードを編集』をクリックし検索窓に『cart-item.liquid』と入力し、cart-item.liquidを開く

20240304_img01.png

2.81行目と82行目の下記コードを

  </div>
</div>

下記に変更し保存

20240304_img02.png

  </div>
  <p>{{ product.product.metafields.custom._shipping_information }}</p>
</div>


カートでの表示例

20240304_img03.png

コンテンツ間のスペース等はcssなどでご調整ください。

 

ご参考まで。

(キュー小坂)

株式会社Q (キュー)
グラフィックデザイン、アパレル事業、Web制作など色々やっている渋谷区代々木の会社です。ShopifyでのECサイトの運営・開発も行なっています。
私たちについて: https://web.q-co.jp/ テックブログ: https://techlab.q-co.jp/
Ayane
遊覧客
13 1 1

ありがとうございます!無事表示できました。