ヘルプ
ログイン

商品ページで「カートに追加」ボタンを非表示にする

/manual/online-store/themes/theme-structure/templates

カートにアイテムを追加することに関連する特定のブロックを非表示にする商品テンプレートをカスタマイズすることで、お客様が商品をカートに追加するオプションを非表示にできます。その後、お客様がカートに追加できないようにする1つ以上の商品に、その商品テンプレートを割り当てることができます。つまり、新しい商品テンプレートを割り当てた商品ページでは、「カートに追加」ボタンが表示されなくなります。

次のいずれかのシナリオで、特定の商品ページから「カートに追加」ボタンを非表示にすることができます。

  • 商品価格の見積もりについて、お客様から連絡をもらう必要がある場合。
  • 「カートに追加」ボタンの代わりに、予約注文オプションを設ける必要がある場合。
  • カスタムの受注生産商品を販売しており、購入前にお客様から商品の要件について連絡をもらう必要がある場合。

商品ページに割り当てることができるのは、公開済みのテーマに関連付けられた商品テンプレートのみです。公開済みのテーマではないテーマで新しいテンプレートを作成した場合、そのテンプレートを商品に割り当てるには、まずテーマを公開する必要があります。

新しいテンプレートの作成と商品へのテンプレートの適用に関する詳細情報をご確認ください。

このページの内容

特定の商品について「カートに追加」ボタンを非表示にする

デフォルトでは、商品は [デフォルトの商品] テンプレートに割り当てられています。オンラインストアで他の商品は購入可能な状態のまま、1つ以上の商品について「カートに追加」ボタンを非表示にするには、別途 not-for-sale 商品テンプレートを作成することができます。

非売品の商品テンプレートを作成する

[デフォルトの商品] テンプレートに変更を加えることなく特定の商品をカスタマイズするには、新しい商品テンプレートを作成する必要があります。

手順：

  1. 管理画面から、[オンラインストア] > [テーマ] に移動します。

  2. 編集するテーマを見つけて、[テーマを編集する] をクリックします。

  3. [ホームページ] のドロップダウンメニューをクリックし、[商品] > [⊕ テンプレートを作成] をクリックします。

  4. [テンプレートを作成] ダイアログで、[名前] フィールドに新しいテンプレートの名前 (例: not-for-sale) を入力し、[テンプレートを作成] をクリックします。

  5. セクションのナビゲーションサイドバーで、[テンプレート] > [商品情報] ブロックに移動し、以下の変更を加えます。

    1. [数量セレクター] ブロックにカーソルを合わせ、目のアイコンをクリックしてブロックを非表示にします。
    2. [購入ボタン] ブロックにカーソルを合わせ、目のアイコンをクリックしてブロックを非表示にします。
    3. オプション：[価格] ブロックにカーソルを合わせ、目のアイコンをクリックしてブロックを非表示にします。

  6. オプション：商品が入手できない場合に販売が再開される予定日など、お客様に詳細な情報を提供するために商品ページにテキストを追加する場合は、以下の手順で新しいブロックを追加してカスタマイズできます。

    1. [商品情報] セクションで、[⊕ ブロックを追加] > [テキスト] をクリックしてテキストブロックを追加します。
    2. 新しい [テキストブロック] をクリック&ドラッグして、商品ページの好きな位置に移動します。
    3. [テキスト] 設定サイドバーで、[テキスト] フィールドにテキストを追加します。
    4. 任意の [テキストスタイル] を選択します。

  7. オプション：お問い合わせフォームを追加する場合は、以下の手順で商品ページに新しいセクションを追加してカスタマイズできます。

    1. [テンプレート] パネルで、[⊕ セクションを追加] > [お問い合わせフォーム] をクリックします。
    2. 新しい [お問い合わせフォーム] セクションをクリック&ドラッグして、商品ページの好きな位置に移動します。
    3. [お問い合わせフォーム] 設定サイドバーで、必要に応じてお問い合わせフォームをカスタマイズできます。たとえば、[見出し] テキストフィールドを編集して、順番待ちリストへの追加をリクエストするのような CTA (行動喚起) を表示できます。

  8. [保存] をクリックします。

非売品テンプレートを単一の商品に割り当てる

  1. 管理画面から [商品管理] に移動します。

  2. 「カートに追加」ボタンを非表示にする商品の名前をクリックします。

  3. [テーマテンプレート] セクションでドロップダウンメニューをクリックし、not-for-sale テンプレートを選択します。

  4. [保存] をクリックします。

非売品テンプレートを複数の商品に一括で割り当てる

  1. 管理画面から [商品管理] に移動します。

  2. 「カートに追加」ボタンを非表示にする商品の横にあるチェックボックスをクリックしてから、[一括編集] をクリックします。

  3. 一括編集で [列] をクリックし、次に [テンプレート] をクリックして、編集テーブルに [テンプレート] 列を追加します。

  4. 各商品の行で、[テンプレート] を product.not-for-sale に設定します。

  5. [保存] をクリックします。

すべての商品について「カートに追加」ボタンを非表示にする

お客様がオンラインストアを閲覧することは引き続き許可しつつ、すべての商品について「カートに追加」ボタンを非表示にする場合は、[デフォルトの商品] テンプレートをカスタマイズして、既存および将来のすべての商品に変更を適用できます。

手順：

  1. 管理画面から、[オンラインストア] > [テーマ] に移動します。

  2. 編集するテーマを見つけて、[テーマを編集する] をクリックします。

  3. [ホームページ] のドロップダウンメニューをクリックし、[商品] > [デフォルトの商品] をクリックします。

  4. セクションのナビゲーションサイドバーで、[テンプレート] > [商品情報] ブロックに移動し、以下の変更を加えます。

    1. [数量セレクター] ブロックにカーソルを合わせ、目のアイコンをクリックしてブロックを非表示にします。
    2. [購入ボタン] ブロックにカーソルを合わせ、目のアイコンをクリックしてブロックを非表示にします。
    3. オプション：[価格] ブロックにカーソルを合わせ、目のアイコンをクリックしてブロックを非表示にします。

  5. オプション：商品が入手できない場合に販売が再開される予定日など、お客様に詳細な情報を提供するために商品ページにテキストを追加する場合は、以下の手順で新しいブロックを追加してカスタマイズできます。

    1. [商品情報] セクションで、[⊕ ブロックを追加] > [テキスト] をクリックしてテキストブロックを追加します。
    2. 新しい [テキストブロック] をクリック&ドラッグして、商品ページの好きな位置に移動します。
    3. [テキスト] 設定サイドバーで、[テキスト] フィールドにテキストを追加します。
    4. 任意の [テキストスタイル] を選択します。

  6. 任意：お問い合わせフォームを追加する場合は、以下の手順で商品ページに新しいセクションを追加してカスタマイズできます。

    1. [テンプレート] パネルで、[⊕ セクションを追加] > [お問い合わせフォーム] をクリックします。
    2. 新しい [お問い合わせフォーム] セクションをクリック&ドラッグして、商品ページの好きな位置に移動します。
    3. [お問い合わせフォーム] の設定サイドバーで、お問い合わせフォームを希望どおりにカスタマイズできます。たとえば、[見出し] テキストフィールドを編集して、ウェイティングリストへの登録をリクエストするなどのCTA (行動喚起) を表示できます。

  7. [保存] をクリックします。