オンラインストアへの設置 (コレクションページへ)

公開日: 2024年10月4日

商品のリストに予約販売のタグをつけることができます。

  1. 右上に予約販売のグループ名が表示されます。
  2. ”カートに追加する” などのボタンがある場合は、商品ページへのリンクに変換します。

オンラインストア => カスタマイズ から ”予約販売:コレクションページへタグの追加” をONにします。
各要素との対応状況は以下の通りです。

以下にテーマ毎に修正する要素を記載しています。
***はバリアントIDもしくはプロダクトハンドルに変換されます。
例) [data-product-url=***] => [data-product-url="product-handle"]

dawn

予約販売:コレクションページのカートに追加するボタン => [name='add']
予約販売:コレクションページの消したいボタン => [name='add']
予約販売:バリアントIDもしくはハンドルの要素 => [data-product-url=***],[value=***]
予約販売:コレクションページの商品カードのトップ要素=> .grid__item,.grid-product__content

Refresh

予約販売:コレクションページのカートに追加するボタン => [name='add']
予約販売:コレクションページの消したいボタン => [name='add']
予約販売:バリアントIDもしくはハンドルの要素 => [data-product-url=***],[value=***]
予約販売:コレクションページの商品カードのトップ要素=> .grid__item,.grid-product__content

Prestige

予約販売:コレクションページのカートに追加するボタン => [name='add']
予約販売:コレクションページの消したいボタン => [name='add']
予約販売:バリアントIDもしくはハンドルの要素 => [data-product-url=***],[value=***]
予約販売:コレクションページの商品カードのトップ要素=> .ProductItem__Wrapper

予約販売の設定

ステップ 1

予約販売プランの作成
通常販売および複数の予約販売プランの作成 (在庫数などの条件で通常販売と予約販売の切り替えなど)

ステップ 2

オンラインストアへの設置 (商品ページへ)
オンラインストアへの設置 (コレクションページへ)

ステップ 3

お客様購入時の自動タグ付、顧客メタフィールドの付与
支払い期限と出荷期限のリマインダーメール

ステップ 4

セグメントの作成 (予約販売の商品を購入したお客様のみにメール送付)
発送予定の管理、表示
使い方
購入制限
予約販売
やりたいことから探す
よくある質問
cc-logo
Capital Castleが開発しているアプリ