Skip to main content
Shipping protection ブロックは、購入者がカート内でオンにできるオプトイン式の配送保護アドオンを提供します。配送中の破損、紛失、盗難に対する保護を追加でき、その選択は注文に記録されるため、フルフィルメントやクレーム対応のツールで利用できます。

動作

  • 保護を追加すると 2 つのことが起こります。保護商品の実際の Shopify 商品ラインが追加され、カート属性 _shipping_protectedtrue に設定されます。
  • この属性はチェックアウトを経ても保持され、注文に注文メモ属性(_shipping_protected)として記録されます。これにより、フルフィルメントやクレーム対応のツールがどの注文が保護されているかを判別できます。
  • 選択した表示タイプにかかわらず、購入者はこのコントロールで保護の追加も削除もできます。
  • 利用可能な保護バリアントが存在しない場合、ブロックは何もレンダリングしません。 クリック時にエラーになるコントロールを表示することはありません。

設定

配置と制限

  • リージョン: body または bottom。
  • 最大数: カート状態ごとに 1 つ。
  • 状態: 商品が入ったカートのみ。
  • デフォルトでは追加されません。ロックもされていないため、削除や非表示が可能です。

カスタムテンプレート

Code タブからカスタムテンプレートをサポートしており、このブロックの組み込みマークアップをあなたの JSX に置き換えます。受け取る props は以下のとおりです。
どのハンドラーを使うかは format が決めます。button には handleAddcheckboxtoggle には handleToggle です。誤ったほうを接続すると、もう一方のフォーマットを選んだマーチャントの環境ではコントロールが反応しなくなります。

デザイン

このブロックのスタイルは、設定パネルの Design セクションで調整します。これらはブロック単位のオーバーライドで、グローバルデザインの上に重なり、空欄の場合はグローバル設定にフォールバックします。

Text

Design 内の Text セクションでは、3 つの要素のタイポグラフィを制御できます。Text element ピッカーを使って切り替えます。 Title — 保護の見出しです。カスタムフォントファミリーにも対応しています。太字とテキストカラーは、上のリッチテキストエディタ(Settings タブ)で設定するもので、ここでは設定しません。 Price — 価格の行です。太字とテキストカラーは、上のリッチテキストエディタで設定します。 Description — 補足のコピーです。太字とテキストカラーは、上のリッチテキストエディタで設定します。
カートのプレビュー内でテキスト要素を直接クリックすると、その要素がハイライトされ、パネルのコントロールが自動的に開きます。
デザイン設定とは何か? 詳しくはこちら: デザイン設定