商品情報にスキップ
1 1
公開日:2024.12.20

Shopifyのテーマ「Rise/Dawn」のカートページで配送日時指定不可の対象商品をカート画面で確認できるようにする設定例

Shopifyのテーマ「Rise/Dawn」のカートページで配送日時指定不可の対象商品をカート画面で確認できるようにする設定例

用途

  • カート編集

実装方法

  • Javascript
  • HTML/CSS
詳細を表示する

配送日時指定ができるアプリを使用する際に、配送日時を指定できない商品が含まれている場合に、どの商品がその対象なのかを表示する設定方法です。

◆具体的なメリット:
・どの商品が対象かすぐにわかることで購入時の商品調整が可能に
・問い合わせ対応の工数削減
・カート離脱率の改善が期待できる

◆実装手順
①対象の配送日時指定不可商品にタグを設定
②Rise/DawnテーマのカートテンプレートにカスタムLiquidセクションを追加しコードを挿入

さらにShopify Plusをお使いの場合、チェックアウト画面で配送日時指定を可能にするケースも多いかと思います。
この設定により、お客様は配送日時指定ができない商品をカート画面で確認できるようになるので、チェックアウト時に気づいたお客様の声にも対応できます。


テーマ「Rise/Dawn」のカートページで「配送日時指定不可」を指定(タグを付与)した商品が含まれている場合にその対象商品を明示する設定例


【設定方法①】配送日時指定不可のタグを確認する


【設定方法②】カートテンプレートにカスタマイズされたLiquidセクションを設定しコードを挿入


ご購入(すべて¥0です)いただくと、サンプルコードをご覧いただけるようになります。

すでにご購入済みの方はこちらからログインしてください。

サンプルコード

動作検証済テーマ:Dawn/Rise 15.2.0

カートテンプレートにカスタマイズされたLiquidセクションを設定しコードを挿入

関連ポスト

すべてのShopify TIPS