商品メディアの追加

最大250の画像、3Dモデル、またはビデオを商品に追加できます。

各商品の最初のメディアアイテムは、記事のサムネイルあるいはメインメディアアイテムと呼ばれます。メインメディアアイテムは、コレクションページ、カートページ、チェックアウトページおよびホームページに表示されます。

メモ

3Dモデルまたはビデオをオンラインストアに表示するには、次のいずれかの操作を行う必要があります。

• 3Dモデルとビデオに対応しているテーマを使用します。現在、これらのテーマのいずれかを使用しており、3Dモデルやビデオが表示されない場合は、新しいバージョンへのアップデートが必要になる場合があります。
• 現在のテーマを変更します。テーマコードの読み取りや編集に問題がある場合は、Shopifyの開発者ドキュメントにあるテーマにメディアサポートを追加する方法、およびメディアUXガイドラインを参照してください。テーマコードの読み取りや編集に問題がある場合は、Shopify Expertを雇うことができます。

ビジネスの拡大に向けて

オンラインストアでメディアを作成または最適化するサポートが必要な場合、Shopify Expertを雇うことができます。

商品にメディアを追加する

メモ

Shopify上でホストできるビデオと3Dモデルの数には制限があります。この上限はプランのタイプによって異なります。詳細については、「ビデオと3Dモデルのホスティング制限」を参照してください。

デスクトップ

1. 管理画面から、[商品] に移動します。
2. 商品をクリックすると、詳細ページが表示されます。
3. 次のいずれかの方法で、画像、3Dモデル、またはビデオを追加します。 - [メディアを追加する] をクリックし手からアップロードするファイルを選択します。
   • アップロードするファイルを [メディア] セクションにドラッグアンドドロップします。
   • [URLからメディアを追加する] をクリックし、次のいずれかのオプションを選択します。 - 画像を追加する: URLから画像を追加します。
   • ビデオを埋め込む: YouTubeまたはVimeoでホストされている商品のビデオを追加します。

メインメディアアイテムを設定する

商品に複数のメディアアイテムを追加する場合、商品の詳細ページに表示される最大のメディアアイテムは、商品のメインメディアアイテムです。別のメディアアイテムをそこにドラッグして、新しいメインメディアアイテムを設定することができます。また、他のメディアアイテムをドラッグして並べ替えることもできます。

iPad

1. Shopifyアプリから、 [商品] > [すべての商品] に移動します。
2. [すべての商品] 画面で商品をタップします。
3. メディアの下にある、[+] をタップします。

4. 次のいずれかのオプションを選択します。 - カメラ: 最適なアスペクト比で商品の写真やビデオを撮影します。

   • URLからビデオを埋め込む: YouTubeまたはVimeoでホストされている商品のビデオを追加します。
   • ファイルアプリからインポートする: 別のソースから既存の商品ファイルを追加します。

5. [完了] をタップします。

6. 商品の詳細ページに戻り、[保存] をタップします。

メインメディアアイテムを設定する

Shopifyで商品が表示されると、商品のメインメディアアイテムがデフォルトで使用されます。商品に複数のメディアアイテムがある場合、商品の詳細画面に表示される最初のメディアアイテムは商品のメインメディアアイテムです。商品の異なるメインメディアアイテムをいつでも設定できます。

手順:

1. 商品の詳細画面で最初のメディアアイテムを除く任意のメディアアイテムをタップします。
2. プレビュー画面で [...] をタップします。
3. [デフォルトに設定] をタップします。
4. 商品詳細画面で [保存] をタップします。

iPhone

1. Shopifyアプリから、 [商品] > [すべての商品] に移動します。
2. [すべての商品] 画面で商品をタップします。
3. 商品の詳細画面で、メディアの下にある [+] をタップします。

4. 次のいずれかのオプションを選択します。 - カメラ: 最適なアスペクト比で商品の写真やビデオを撮影します。

   • URLからビデオを埋め込む: YouTubeまたはVimeoでホストされている商品のビデオを追加します。
   • ファイルアプリからインポートする: 別のソースから既存の商品ファイルを追加します。

5. メディアを選択したら、[完了] をタップします。

6. 商品の詳細ページに戻り、[保存] をタップします。

メインメディアアイテムを設定する

Shopifyが商品を表示すると、商品のメインメディアアイテムがデフォルトで使用されます。商品に複数のメディアアイテムがある場合、商品の詳細画面に表示される最初のメディアアイテムは、商品のメインメディアアイテムです。商品の異なるメイン画像をいつでも設定できます。

手順:

1. 商品の詳細画面で最初のメディアアイテムを除く任意のメディアアイテムをタップします。
2. プレビュー画面で [...] をタップします。
3. メニューから [デフォルトに設定] をタップします。
4. 商品詳細画面で [保存] をタップします。

Android

1. Shopifyアプリから、 [商品] > [すべての商品] に移動します。
2. [商品] 画面で商品をタップします。
3. 商品の詳細画面で、メディアの下にある [+] をタップします。

4. 次のいずれかのオプションを選択します。 - カメラ: 最適なアスペクト比で商品の写真やビデオを撮影します。

   • URLからビデオを埋め込む: YouTubeまたはVimeoでホストされている商品のビデオを追加します。
   • ファイルアプリからインポートする: 別のソースから既存の商品ファイルを追加します。

5. メディアを選択したら、[完了] をタップします。

6. 商品の詳細ページに戻り、[保存] をタップします。

メインメディアアイテムを設定する

Shopifyが商品を表示すると、商品のメインメディアアイテムがデフォルトで使用されます。商品に複数のメディアアイテムがある場合、商品の詳細画面に表示される最初のメディアアイテムは、商品のメインメディアアイテムです。商品の異なるメイン画像をいつでも設定できます。

手順:

1. 商品の詳細画面で最初のメディアアイテムを除く任意のメディアアイテムをタップします。
2. プレビュー画面で、[⋮] をタップします。
3. メニューから [デフォルトに設定] をタップします。
4. 戻る矢印をタップして、商品詳細画面に戻ります。
5. チェックマークをタップして商品を保存します。

メディアを一括削除する

一括操作を使用して、商品から1つ以上のメディアアイテムを削除できます。

1. 管理画面から、[商品] に移動します。
2. 商品をクリックすると、詳細ページが表示されます。
3. [メディア] で、削除するメディアアイテムにチェックマークを付けます。
4. [メディアを削除する] をクリックします。
5. [保存] をクリック

ビデオと3Dモデルのホスティング制限

ストアのすべての商品に対してShopify上でホストできるビデオと3Dモデルの数には制限があります。上限は、ストアのShopifyのプランによって異なります。

ベーシック	スタンダード	プレミアム	Shopify Plus
250	1000	5000	Shopify Plusサポートに問い合わせる

メタフィールドを使用して商品のメディアを追加する

商品のメディアをオンラインストアに表示する方法をカスタマイズするには、メタフィールドを使って、商品用のファイル参照メタフィールドを作成できます。ファイル参照メタフィールドでは、商品を表示するための画像やお客様がダウンロードできるその他すべてのファイルタイプをアップロードすることができます。オンラインストアでJPEG、PNG、GIF形式の画像を表示できます。メタフィールドには、一度に1つのファイルのみを保存できます。

Shopifyの無料テーマであるOnline Store 2.0テーマ (Dawnなど) を利用している場合、テーマエディタを使って、ファイル参照メタフィールドをテーマに連携させることができます。以前のテーマを利用している場合、テーマコードを編集するか、Shopify Expertを雇ってサポートを受けることができます。