付加的な商品を追加する

テーマエディタで、商品ページに付加的な商品ブロックを追加できます。Shopify Search & Discoveryアプリを使用して、ウェブサイトの商品ページにある付加的な商品を選択する方法について説明します。

付加的な商品をお客様に表示すると、お客様が新商品を見つけやすくなり、オンラインストアの売上の増加につながります。

付加的な商品ブロックの見出しとレイアウトは、使用するテーマによって決まります。

付加的な商品の外観をカスタマイズする

付加的な商品とは、Online Store 2.0のテーマでのみ使用できる、商品ページの商品情報セクションにあるブロックのことです。商品ページから付加的な商品ブロックの外観をカスタマイズできます。商品ページで一度に使用できる付加的な商品ブロックは1つだけです。

メモ

画面の幅が1600ピクセルより大きい場合、カスタマイズと編集のオプションは画面の右側に表示されます。画面が1600ピクセルより小さい場合、それらのオプションは左側に表示されます。

手順:

デスクトップ

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

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

3. [商品管理] をクリックします。

4. [デフォルトの商品]、または編集する商品テンプレートを選択します。

5. 次のいずれかの手順を実行します。

   • 商品情報セクションに付加的な商品ブロックがある場合、[付加的な商品] をクリックします。
   • 商品情報セクションに付加的な商品ブロックがない場合、[+ ブロックを追加] をクリックし、[付加的な商品] を選択します。

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

iPhone

1. Shopifyアプリで [...] ボタンをタップします。
2. 販売チャネルセクションで、[オンラインストア] をタップします。
3. [テーマを管理する] をタップします。
4. 編集するテーマを見つけて、[カスタマイズする] をタップします。
5. [テンプレート] をタップします。
6. [商品管理] をクリックします。
7. [デフォルトの商品]、または編集する商品テンプレートを選択します。

8. 次のいずれかの手順を実行します。

   • 商品情報セクションに付加的な商品ブロックがある場合、[付加的な商品] をクリックします。
   • 商品情報セクションに付加的な商品ブロックがない場合、[+ ブロックを追加] をクリックし、[付加的な商品] を選択します。

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

Android

1. Shopifyアプリで [...] ボタンをタップします。
2. 販売チャネルセクションで、[オンラインストア] をタップします。
3. [テーマを管理する] をタップします。
4. 編集するテーマを見つけて、[カスタマイズする] をタップします。
5. [テンプレート] をタップします。
6. [商品] をタップします。
7. [デフォルトの商品]、または編集する商品テンプレートを選択します。

8. 次のいずれかの手順を実行します。

   • 商品情報セクションに付加的な商品ブロックがある場合、[付加的な商品] をタップします。
   • 商品情報セクションに付加的な商品ブロックがない場合、[+ ブロックを追加] をタップし、[付加的な商品] を選択します。

9. [保存] をタップします。

目のアイコンをクリックすると、付加的な商品ブロックを非表示にできます。テーマからそのブロックを完全に除去したい場合は、ブロックを削除できます。

付加的な商品ブロックの設定

付加的な商品をお客様に表示する方法をカスタマイズできます。

メモ

付加的な商品は、In stock状態で、なおかつActiveに設定されている必要があります。そうなってない場合、Shopify Search and Discoveryアプリで除外されて表示されません。

基本的な表示設定

Shopifyでの付加的な商品ブロック設定の基本的な表示設定。

設定	説明
見出し	ブロックのタイトル。
折りたたみ可能な行として表示する	この設定を選択すると、コンテンツは行タブの下に折りたたまれて表示されます。お客様がタイトルをクリックすると、タブが展開されて追加のコンテンツが表示されます。
アイコン	付加的な商品が折りたたみ可能な行として表示される場合、見出しと対になるアイコンを選択します。

商品の表示設定

付加的な商品ブロックに商品を表示するための設定。

設定	説明
表示する商品の最大数	表示する付加的な商品の最大数を選択します。1～10の値を選択します。
1ページあたりの商品数	スライダーページごとに表示する付加的な商品の数です。1～4の値を選択します。
ページネーションのスタイル	画像の下に表示されるスライダーメニューのスタイルです。 ドット カウンター (デフォルト) 数字
画像比	商品カード画像のアスペクト比を決めます。 縦長 正方形 (デフォルト)

その他の機能

付加的な商品ブロックのその他の機能の設定。

設定	説明
[クイック追加] ボタンを有効にする	[クイック追加] ボタンを使用すると、お客様は商品カードからカートに商品を追加できます。商品にバリエーションがある場合、ボタンには [オプションを選択] と表示され、商品の詳細がポップアップ表示されます。お客様は希望するバリエーションを選択することや、カートに追加すること、[今すぐ購入] オプションを使用してすぐにチェックアウトすること、あるいはクリックして商品の詳細を表示することができます。[今すぐ購入] オプションをクイック追加オプションに表示するには、商品ページとは別に設定する必要があります。[今すぐ購入] オプションが設定されていない場合でも、お客様はカートに商品を追加できます。