ヘルプ
ログイン

Shopストアの商品の詳細ページをカスタマイズする

ブロックを使用して、Shopアプリの商品の詳細ページをカスタマイズできます。ブロックを使用すると、商品の詳細の下に画像、動画、スライドショー、おすすめ商品などのセクションをコーディングなしで追加できるため、Shopストアをブランドの他の要素と統一することができます。

Shop の商品の詳細ページにブロックを追加すると、Shopアプリと shop.app の商品の詳細ページにある [評価とレビュー] セクションの下にカスタマイズ内容が表示されます。

このページの内容

商品の詳細ページセクションのタイプ

Shopストアの商品の詳細ページのブロックには、以下のセクションタイプを使用できます。

  • 画像：ライフスタイル写真、サイズガイド、ブランドのビジュアルに最適な全幅の画像セクションです。画像セクションは、商品、コレクション、外部 URL へのリンクに対応しています。
  • 商品の詳細: 商品の詳細セクションは、デフォルトで商品の詳細ページテンプレートに追加され、固定場所に配置されます。商品の詳細セクションは 1 つのみ配置でき、移動やカスタマイズはできません。
  • 商品グループ：商品グループセクションでは、クロスセルやバンドルを目的として、1 つのセクションにつき 1～4 点の関連商品を目立たせることができます。また、見出しも含まれます。
  • 購入可能な動画：タグ付けされた商品を含み、お客様が直接買い物できる動画です。各動画には、最大 10 点の購入可能な商品を追加でき、動画のオーバーレイとして表示されます。
  • スライドショー：テキストがオーバーレイされた、画像、動画、またはその両方のカルーセルです。個々の商品またはコレクションにリンクでき、ベーシック、グラフィック、およびオーバーレイのスライドショーから選択できます。スライドショーセクションには、商品、コレクション、外部 URL にリンクできるコールトゥアクションボタンが含まれます。
  • 動画：商品の実際の様子を紹介するための全幅の動画セクションです。動画セクションは、商品、コレクション、外部 URL へのリンクに対応しています。独自の動画をアップロードすることも、お客様からのユーザー生成コンテンツを追加することもできます。

各テンプレートには最大 2 つのセクションを追加できます。セクションでサポートされているメディアフォーマットは、画像の場合は JPEG、PNG、または WebP、動画の場合は MOV (QuickTime) または MP4 です。

テンプレートを作成する

テンプレートを作成すると、Shopストアのさまざまな商品グループにカスタマイズを適用できます。たとえば、サイズチャートのセクションが必要な商品用のテンプレートや、スタイルガイドが含まれる商品用のテンプレートを作成できます。各テンプレートは、割り当てられた商品にのみ適用されます。

新しいテンプレートを作成した後に、テンプレートを編集してセクションを追加し、そこに商品を割り当てることができます。

手順：

  1. Shopify 管理画面から、[販売チャネル] > [Shop] の順に移動します。

  2. [ストア] セクションで、[カスタマイズ] をクリックします。

  3. ページピッカーで [商品] を選択し、[テンプレートを作成] をクリックします。

  4. テンプレートの名前を入力し、[ベースにするテンプレート] ドロップダウンメニューからテンプレートを適用する商品グループを選択します。

  5. [作成] をクリックします。

  6. 任意: テンプレートにセクションを追加するには、テンプレートを編集します。

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

テンプレートを編集する

Shop エディタで、テンプレートのセクションを追加、編集、削除、および並べ替えることができます。

変更を保存すると、テンプレートはただちに更新されます。エディタのプレビューでさまざまな商品を選択し、Shop でのテンプレートの表示を確認します。

手順：

  1. Shopify 管理画面から、[販売チャネル] > [Shop] の順に移動します。

  2. [ストア] セクションで、[カスタマイズ] をクリックします。

  3. ページピッカーで [商品] を選択し、編集するテンプレートをクリックします。

  4. テンプレートのメニューから、以下のいずれかの操作を行います。

    • セクションを追加するには、プラスの円 [セクションを追加] をクリックし、追加するセクションを選択してカスタマイズします。
    • セクションを並べ替えるには、ドラッグ&ドロップして位置を変更します。
    • 既存のセクションを編集するには、編集するセクションをクリックして変更を加えます。
    • セクションやスライドショーのスライドを削除するには、セクションの横にある 削除 アイコンをクリックします。

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

テンプレートに商品を割り当てる

商品はいつでもテンプレートに割り当てたり、割り当てを解除したりできます。主力商品に独自のライフスタイル画像を追加するなど、商品ごとにカスタマイズするために、1 つの商品をテンプレートに割り当てることもできます。

特定のテンプレートに割り当てられていない商品は、デフォルトのテンプレートを使用します。デフォルトのテンプレートにセクションを追加しない場合、その商品はブロックのない標準的な商品の詳細ページを使用します。

手順：

  1. Shopify 管理画面から、[販売チャネル] > [Shop] の順に移動します。

  2. [ストア] セクションで、[カスタマイズ] をクリックします。

  3. ページピッカーから、商品を割り当てるテンプレートを選択します。

  4. テンプレート名の横にあるテンプレートメニューで、Edit アイコンをクリックします。

  5. ダイアログで、テンプレートに割り当てる商品を選択または検索します。

  6. [割り当てる] をクリックします。

Shop の商品の詳細ページを他の言語で表示する

Shopストアのホームページとは異なり、Shop での商品の詳細ページはストアのメイン言語でのみ表示されます。

商品の詳細ページをShop でサポートされている他の言語で表示する場合は、Translate & Adapt アプリ、または Shop の Translation API とtranslationsRegister ミューテーションを使用するサードパーティの翻訳アプリを使用してストアを翻訳することを検討してください。

商品の詳細ページで Shop Minis を表示または削除する

商品は、Shopアプリでのインタラクティブなショッピング体験である Shop Minis に表示される場合があります。さらに、バーチャル試着体験などの関連する Shop Minis が、Shop の商品の詳細ページに表示される場合があります。

商品が Shop Minis に表示されないように設定することはできませんが、商品の詳細ページでの Shop Minis の表示をオンまたはオフにすることはできます。デフォルトでは、Shop Minis はオンになっています。これは Shop チャネルの設定で管理できます。

手順：

  1. Shopify 管理画面から、[販売チャネル] > [Shop] の順に移動します。

  2. 設定をクリックします。

  3. Shop Minis セクションで、以下のいずれかの操作を行います。

    • 商品の詳細ページに Shop Minis が表示されないようにするには、無効にするをクリックします。
    • 商品の詳細ページに Shop Minis を表示するには、有効にするをクリックします。