商品メディアの追加

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

商品には画像、3Dモデル、ビデオを合わせて最大250件を追加できます。3Dモデルとビデオには、Shopifyのプランに基づく特定のホスティング制限があります。3Dスキャナー機能に対応したiOSデバイスでは、Shopifyモバイルアプリから商品を直接スキャンして3Dモデルを構築することもできます。

各商品の最初のメディアアイテムは、特集メディアアイテムあるいはメインメディアアイテムと呼ばれます。メインメディアアイテムは、コレクションページ、カートページ、チェックアウトページ、ホームページに表示されます。このメインメディアアイテムはいつでも変更できます。

目次

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

  1. 管理画面から [商品管理] に移動します。

  2. 編集する商品をクリックします。

  3. [メディア] セクションで、以下のいずれかの方法により、画像、3Dモデル、またはビデオを追加します。

    • [新規アップロード] をクリックし、アップロードするファイルを選択します。
    • アップロードするファイルを [メディア] セクションにドラッグアンドドロップします。
    • [既存のものから選択] をクリックし、既存のメディアファイルを確認して選択します。
    • [URLから追加] するには、[既存のものから選択]、[URLから追加] の順にクリックします。
  1. Shopifyアプリから、 [商品] > [すべての商品] に移動します。
  2. 編集を希望する商品をタップします。
  3. [メディア] セクションで、+をタップします。

  4. 以下のいずれかの方法で、メディアを追加します。

    • 既存のメディアファイルからメディアを追加するには、[既存のものから選択] をタップします。
    • デバイスの写真からメディアを追加するには、画像アイコンをタップします。
    • デバイスのカメラを使用して写真やビデオを撮影するには、[カメラ] をタップします。
    • YouTubeまたはVimeoでホストされているビデオを追加するには、[YouTubeまたはVimeoのURL：] をタップします。
    • デバイスのファイルから画像を追加するには、[ファイルアプリ：] をタップします。

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

  1. Shopifyアプリから、 [商品] > [すべての商品] に移動します。
  2. 編集を希望する商品をタップします。
  3. [メディア] セクションで、+をタップします。

  4. 以下のいずれかの方法で、メディアを追加します。

    • 既存のメディアファイルからメディアを追加するには、[既存のものから選択] をタップします。
    • デバイスの写真からメディアを追加するには、画像アイコンをタップします。
    • デバイスのカメラを使用して写真やビデオを撮影するには、[カメラ] をタップします。
    • YouTubeまたはVimeoでホストされているビデオを追加するには、[YouTubeまたはVimeoのURL：] をタップします。
    • デバイスのファイルから画像を追加するには、[ファイルアプリ：] をタップします。

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

メインの商品メディアを変更する

  1. 管理画面から [商品管理] に移動します。

  2. 編集する商品をクリックします。

  3. [メディア] セクションで、デフォルトのメディアを作成するメディアに移動し、画像を最初の画像の場所にドラッグアンドドロップします。

  1. Shopifyアプリから、 [商品] > [すべての商品] に移動します。
  2. 編集を希望する商品をタップします。
  3. [メディア] セクションで、[すべてを表示する] をタップします。
  4. [選択] をタップし、デフォルトの商品画像にする画像を選択します。
  5. ...をタップし、[デフォルトとして設定する] をタップします。
  6. [保存] をタップします。
  1. Shopifyアプリから、 [商品] > [すべての商品] に移動します。
  2. 編集を希望する商品をタップします。
  3. [メディア] セクションで、[すべてを表示する] をタップします。
  4. [選択] をタップし、デフォルトの商品画像にする画像を選択します。
  5. ...をタップし、[デフォルトとして設定する] をタップします。
  6. [✓] をタップします。

メディアを削除する

メディアを個別または一括で削除できます。

メディアを個別に削除する

ファイルがストア内の他の場所で使用されている場合、ファイルはその商品からのみ削除されます。

  1. 管理画面から [商品管理] に移動します。

  2. 編集する商品をクリックします。

  3. [メディア] セクションで、削除するメディアをクリックします。

  4. ごみ箱アイコンをクリックします。

  5. [ファイルを削除する] をクリックします。

  1. Shopifyアプリから、 [商品] > [すべての商品] に移動します。
  2. 編集を希望する商品をタップします。
  3. [メディア] セクションで、[すべてを表示する] をタップします。
  4. 削除するメディアをタップします。
  5. ごみ箱アイコンをタップし、[削除] をタップします。
  6. [保存] をタップします。
  1. Shopifyアプリから、 [商品] > [すべての商品] に移動します。
  2. 編集を希望する商品をタップします。
  3. [メディア] セクションで、[すべてを表示する] をタップします。
  4. 削除するメディアをタップします。
  5. ごみ箱アイコンをタップし、[削除] をタップします。
  6. [✓] をタップします。

メディアを一括で削除する

選択したファイルのいずれかがストア内の他の場所で使用されている場合、そのファイルは編集中の商品からのみ削除されます。

  1. 管理画面から [商品管理] に移動します。

  2. 編集する商品をクリックします。

  3. [メディア] セクションで、チェックボックスを使用して削除するメディアを選択します。

  4. [ファイルを削除する] をクリックします。

  5. [削除する] をクリックします。

  1. Shopifyアプリから、 [商品] > [すべての商品] に移動します。
  2. 編集を希望する商品をタップします。
  3. [メディア] セクションで、[すべてを表示する] をタップします。
  4. [選択] をタップし、削除するメディアを選択します。
  5. [削除] をタップします。
  6. [完了] をタップします。
  1. Shopifyアプリから、 [商品] > [すべての商品] に移動します。
  2. 編集を希望する商品をタップします。
  3. [メディア] セクションで、[すべてを表示する] をタップします。
  4. [選択] をタップし、削除するメディアを選択します。
  5. [削除] をタップします。
  6. [完了] をタップします。

ビデオと3Dモデル

3Dモデルまたはビデオをオンラインストアで表示させるには、以下のいずれかを実行する必要があります。

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

ストアの商品とファイルページに対してShopifyがホストとなる動画と3Dモデルの総数には制限があります。3D制限はストアが加入しているShopifyのプランによって異なります。

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

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

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

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

商品画像の編集内容を元に戻す

以前に行ったトリミング、リサイズだけでなく、Magicを使用して行った編集が不要になり、画像に加えた変更内容を元に戻したい場合は、エディタ上部の隅にある [最初のバージョンに戻す] ボタンを使用して、画像ファイルを元の状態に戻すことができます。

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

無料体験を試す