カートページでの各商品発送時期の表示

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

Topic summary

課題:
予約商品を扱うストアで、チェックアウト前のカートページに各商品の発送時期を表示したい。アプリを使わずに実装する方法を探している。

提案された解決策:
フルバランスの渡邉氏から以下の手順が提示された:

  1. 商品メタフィールドの作成 - 配送予定情報を入力(例: custom.shipping_period)

  2. コード挿入 - Dawnテーマの場合:

    • main-cart-items(カートページ)とcart-notification-product(ドロワーカート)に対応するコードを追加
    • {%- for item in cart.items -%}ループ内の表示したい箇所にメタフィールド値を出力するコードを挿入

補足:

  • スクリーンショット画像が添付され、カートページとドロワーカートでの表示例が示されている
  • 不明点があれば追加で連絡可能
  • 質問者からのベストアンサー選択待ちの状態
Summarized with AI on November 24. AI used: claude-sonnet-4-5-20250929.
1

予約商品を多く扱っている都合、各商品の発送時期をチェックアウトに行く前
カートページでお客様に確認していただきたいと考えております。

その場合、アプリなどを入れずカートページで各商品ごとに
「商品名」「金額」「個数」「サイズ」に追加して
「〇〇月頃発送予定」の表示を追記することは可能なのでしょうか。
教えて頂けますと幸いです。

よろしくお願いいたします。

2

くしさま

はじめまして、フルバランスの渡邉です。

ご質問を確認いたしました。

配送まで時間がかかる商品は発送時期を表示しておきたいですよね。

商品にメタフィールドを使って表示できるかと存じます。

Dawnでの説明になりますが具体的には以下手順になります。

  1. 商品メタフィールドを作成し、配送予定情報を入力 例) custom.shipping_period

  2. main-cart-items(カートページ) とcart-notification-product (ドロワーカート使われている場合)の {%- for item in cart.items -%}{% endfor %}の間で、表示されたい箇所に以下コードを挿入

{%- if item.product.metafields.custom.shipping_period.value != blank -%}
  
   {{ item.product.metafields.custom.shipping_period.value }}
  

{% endif %}

カートページの場合：

スクリーンショット 2022-12-01 17.50.41.png
スクリーンショット 2022-12-01 17.50.41.png1974×928 64.3 KB

ドロワーカートの場合：

スクリーンショット 2022-12-01 18.03.41.png
スクリーンショット 2022-12-01 18.03.41.png786×788 62.7 KB

ご参考になりましたでしょうか。

私たちの励みにもなりますので、
お役に立てていればBest Answerボタンを押して頂ければ嬉しいです。

分からない点があれば、またいつでもご連絡ください。

フルバランス 渡邉

1 Like