ヘルプ
ログイン

Shopストアのホームページをカスタマイズする

Shopストアのホームページは、お客様が Shopアプリまたは Shop のウェブサイトでストアにアクセスした際に最初に表示されるページです。Shopストアのヘッダー、コレクション、メニューをカスタマイズして、お客様が商品を閲覧して見つけやすくする、ブランド化されたショッピング体験を構築できます。

このページの内容

Shopストアの告知バナーを編集する

ストアでアクティブな自動ディスカウントを利用できる場合、Shopストアのホームページに告知バナーが自動的に表示されます。告知バナーを編集するには、自動ディスカウントを無効にしてから、新しい自動ディスカウントを作成する必要があります。

Shop チャネルを使用して、ロゴや背景など、Shopストアのホームページのヘッダーを更新できます。

ロゴ画像の要件

ヘッダーコンテンツの解像度を最適化するために、ヘッダーに追加するロゴ画像は以下の要件を満たす必要があります。

  • ロゴ画像ファイルは SVG、PNG、WEBP のいずれかの形式で、背景が透明である必要があります。
  • 画像の最小幅は 512 ピクセルです。
  • 画像は正方形である必要があります。

背景メディアの要件

ヘッダーに背景メディアとして画像、GIF、動画を追加する場合、ファイルが以下の要件を満たしていることを確認してください。

  • 画像ファイルのサイズは 15 MB 以下で、WEBP、PNG、JPEG、GIF のいずれかの形式である必要があります。
  • 動画ファイルのサイズは 32 MB 以下、長さは 10 秒以内で、MP4 または MOV 形式である必要があります。
  • すべての背景メディアタイプに必要なディメンションは、1080 x 1170 ピクセルです。

Shopストアのヘッダーを編集する

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

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

  3. ページ上部のドロップダウンメニューから [Shopストアのホームページ] を選択します。

  4. ヘッダーをクリックして、以下のいずれかの変更を行います。

    • Shopストアに表示されるロゴを変更するには、[ロゴ] セクションで [画像を選択] をクリックするか、画像をドラッグ&ドロップしてファイルをアップロードします。
    • 画像、GIF、または動画を Shopストアの背景として使用するには、[背景] セクションで [メディア] をクリックし、[画像または動画を選択する] をクリックするか、画像または動画をドラッグ&ドロップしてファイルをアップロードします。
    • 背景、ボタン、アクセントのメインカラーを変更するには、[背景] セクションで [色] をクリックし、カラーピッカーから色を選択します。

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

Shopストアのコレクションを編集する

Shopストアのコレクションを編集して、Shop に表示するコレクションを管理できます。最大 5 つのコレクションリストを追加でき、各コレクションリストには最大 10 個のコレクションを含めることができます。コレクションリストにコレクションを追加した後、そのコレクションを別のコレクションリストに追加することはできません。コレクションを Shop に表示するには、カバー画像が必要です。

手順:

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

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

  3. ページ上部のドロップダウンメニューから [Shopストアのホームページ] を選択します。

  4. [コレクションリスト] セクションで、編集するコレクションリストをクリックして、以下のいずれかの変更を行います。

    • コレクションリストの見出しを編集するには、[見出し] フィールドに新しい見出しを入力します。
    • コレクションリストに表示するコレクションを編集するには、コレクションリストを編集をクリックし、含めるコレクションを選択します。
    • コレクションリストを並べ替えるには、⠿ アイコンをクリックしてドラッグし、リスト内の特定の位置にコレクションを移動させます。
    • コレクションリストにカバー画像を追加するには、コレクションをクリックし、[画像を選択] をクリックするか、画像をドラッグ&ドロップしてファイルをアップロードします。
    • コレクションリストまたはコレクションを削除するには、ゴミ箱アイコンをクリックします。

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

Shopストアのメニューを編集して、Shopストアのメニューに表示されるコレクションを更新できます。メニューには最大 12 個のコレクションを追加できます。

手順:

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

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

  3. ページ上部のドロップダウンメニューから [Shopストアのホームページ] を選択します。

  4. [メニュー] > [メニューリストを編集] の順にクリックします。

  5. 以下のいずれかの方法でメニューをカスタマイズします。

    • メニューに利用可能なコレクションを追加するには、リストからコレクションを選択します。
    • メニューからコレクションを削除するには、リストからそのコレクションの選択を解除します。

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

Shopストアの絞り込みをカスタマイズする

Shopify Search & Discovery アプリを使用してオンラインストアにカスタム絞り込みを追加すると、同じ絞り込みが Shop 上の Shopストアにも自動的に同期されます。これにより、お客様は Shopストアのコレクションページや検索結果に表示される商品を絞り込むことができます。

ストアの絞り込みは自動的に同期され、オンラインストアと Shopストアで異なる絞り込みを設定することはできません。ストアで絞り込みを追加および編集する方法をご覧ください。

Shopストアを他の言語で表示する

Shopアプリとウェブ版 Shop は、チェコ語、デンマーク語、オランダ語、英語、フランス語、ドイツ語、イタリア語、リトアニア語、ノルウェー語、ポーランド語、ポルトガル語、ルーマニア語、スペイン語、スウェーデン語に対応しています。お客様がこれらの言語のいずれかで Shop を使用する場合、商品の詳細ページを除き、Shopストアのほとんどの要素が翻訳されます。

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