[カートに追加する] ボタンを非表示にする

メモ

Shopifyの無料のテーマ を使用している場合、Shopify サポートにこのチュートリアルのサポートを依頼できる可能性があります。設計には15分かかります。詳細については、「テーマのサポート」を参照してください。

メモ

このカスタマイズはOnline Store 2.0テーマ向けで、以前のShopifyテーマには適用されません。使用しているテーマのアーキテクチャバージョンを確認してください。

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

新しいテンプレートを作成する方法や商品にテンプレートを適用する方法についての詳細をご覧ください。

特定の商品の [カートに追加する] ボタンを非表示にする

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

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

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

手順

1. 管理画面から [オンラインストア] > [テーマ] に移動します。
2. 編集するテーマを見つけて、[カスタマイズする] をクリックします。
3. テンプレートセレクターで、[商品] > [⊕ テンプレートを作成] の順にクリックします。
4. [テンプレートを作成する] ダイアログで [名前] のテキストフィールドに新しいテンプレートの名前 (例：非売品) を入力し、[テンプレートを作成] をクリックします。

5. セクションのメニューサイドバーで [テンプレート] > [商品情報] ブロックの順に移動し、以下の変更を行います。

   1. [数量セレクター] ブロックの横にある目のアイコンをクリックして非表示にします。
   2. [購入ボタン] ブロックの横にある目のアイコンをクリックして非表示にします。
   3. 任意：[価格] ブロックの横にある目のアイコンをクリックして非表示にします。

6. 任意：販売再開予定日など、お客様に詳しい情報を提供するためのテキストを追加する場合は、以下の手順で新しいブロックを追加してカスタマイズします。

   1. [⊕ ブロックを追加] > [テキスト] をクリックしてテキストブロックを追加します。
   2. 新しい [テキストブロック] をクリックし、商品ページの任意の位置まで上下にドラッグします。
   3. ブロックの設定サイドバーで、[テキスト] フィールドにメッセージを追加します。
   4. 希望する [テキストスタイル] を選択します。

7. (任意) お問い合わせフォームを追加する場合は、以下の手順で新しいセクションを追加してカスタマイズします。

   1. [⊕ セクションを追加] > [お問い合わせフォーム] の順にクリックしてお問い合わせフォームを追加します。
   2. 新しい [お問い合わせフォーム] をクリックし、商品ページの任意の位置まで上下にドラッグします。
   3. 設定サイドバーで、お問い合わせフォームを必要に応じてカスタマイズします。たとえば、[見出し] のテキストフィールドを編集して、「ウェイトリストに追加するリクエストを送信してください」といったCTAを表示できます。

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

ステップ2：商品に非売品のテンプレートを割り当てる

非売品のテンプレートを作成したら、それを1個の商品に個別に割り当てることも、複数の商品に一括で割り当てることもできます。

メモ

商品には、公開済みのテーマに関連付けられたテンプレートのみを割り当てることができます。非売品のテンプレートを公開済みのテーマ以外のテーマで作成した場合、そのテンプレートを商品に割り当てるには、最初にテーマを公開する必要があります。

非売品のテンプレートを1個の商品に割り当てる手順

1. 管理画面から [商品管理] に移動します。
2. 販売不可にする商品の名前をクリックします。
3. [テーマテンプレート] セクションで、ドロップダウンメニューから非売品のテンプレートを選択します。
4. [保存] をクリックします。

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

1. 管理画面から [商品管理] に移動します。
2. 販売不可にする商品の横にあるチェックボックスをクリックして、[一括編集] をクリックします。
3. 一括編集で [列] > [テンプレート] の順にクリックして、テンプレートの列をエディタリストに追加します。
4. 各商品の行で、[テンプレート] をproduct.非売品に設定します。
5. [保存] をクリックします。

すべての商品の [カートに追加する] ボタンを非表示にする

すべての商品の [カートに追加する] ボタンを非表示にする一方で、お客様がストアを閲覧できるようにする場合は、デフォルトの商品テンプレートをカスタマイズして、既存および今後のすべての商品に変更を適用できます。

ヒント

お客様が商品を購入することも、ストアを閲覧することもできないようにする場合は、パスワードでオンラインストアへのアクセスを制限します。

手順

1. 管理画面から [オンラインストア] > [テーマ] に移動します。
2. 編集するテーマを見つけて、[カスタマイズする] をクリックします。
3. テンプレートセレクターで、[商品] > [デフォルトの商品] の順にクリックします。

4. セクションのメニューサイドバーで [テンプレート] > [商品情報] ブロックの順に移動し、以下の変更を行います。

   1. [数量セレクター] ブロックの横にある目のアイコンをクリックして非表示にします。
   2. [購入ボタン] ブロックの横にある目のアイコンをクリックして非表示にします。
   3. 任意：[価格] ブロックの横にある目のアイコンをクリックして非表示にします。

5. 任意：販売再開予定日など、お客様に詳しい情報を提供するためのテキストを追加する場合は、以下の手順で新しいブロックを追加してカスタマイズします。

   1. [⊕ ブロックを追加] > [テキスト] をクリックしてテキストブロックを追加します。
   2. 新しい [テキストブロック] をクリックし、商品ページの任意の位置まで上下にドラッグします。
   3. ブロックの設定サイドバーで、[テキスト] フィールドにメッセージを追加します。
   4. 希望する [テキストスタイル] を選択します。

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

   1. [⊕ セクションを追加] > [お問い合わせフォーム] の順にクリックしてお問い合わせフォームを追加します。
   2. 新しい [お問い合わせフォーム] をクリックし、商品ページの任意の位置まで上下にドラッグします。
   3. 設定サイドバーで、お問い合わせフォームを必要に応じてカスタマイズします。たとえば、[見出し] のテキストフィールドを編集して、「ウェイトリストに追加するリクエストを送信してください」といったCTAを表示できます。

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