付加的な商品を追加する

このページはApr 28, 2024に印刷されています。最新のバージョンについては、https://help.shopify.com/ja/manual/online-store/themes/customizing-themes/add-complementary-productsをご覧ください。

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

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

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

目次

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

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

手順:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

商品情報セクションにある付加的な商品ブロックの設定
設定 説明
見出し

ブロックのタイトル。
折りたたみ可能な行として表示する

この設定を選択すると、コンテンツは行タブの下に折りたたまれて表示されます。お客様がタイトルをクリックすると、タブが展開されて追加のコンテンツが表示されます。
アイコン

付加的な商品が折りたたみ可能な行として表示される場合、見出しと対になるアイコンを選択します。
表示する商品の最大数

表示する付加的な商品の最大数を選択します。1～10の値を選択します。
1ページあたりの商品数

スライダーページごとに表示する付加的な商品の数です。1～4の値を選択します。
ページネーションのスタイル

画像の下に表示されるスライダーメニューのスタイル

  • ドット
  • カウンター (デフォルト)
  • 数字
画像比

商品カード画像のアスペクト比を決めます。

  • 縦長
  • 正方形 (デフォルト)
[クイック追加] ボタンを有効にする

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

Shopifyで販売を開始する準備はできていますか?

無料体験を試す