商品メディアの追加

1つの商品に最大250件の画像、3Dモデル、または動画を追加できます。3Dモデルと動画には、Shopifyプランに基づく特定のホスティング制限があります。また、互換性のあるiOSデバイスでShopifyモバイルアプリ内の3Dスキャナー機能を使用して、3Dモデルを直接スキャンして構築することもできます。

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

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

デスクトップ
  1. 管理画面から、[商品管理] に移動します。

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

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

    • [新しくアップロード] をクリックし、アップロードするファイルを選択します。
    • アップロードするファイルを [メディア] セクションにドラッグ&ドロップします。
    • [既存のファイルを選択] をクリックして、既存のメディアファイルを確認し、選択します。
    • [URLから追加] するには、[既存のファイルを選択] をクリックしてから、[URLから追加] をクリックします。
モバイル
  1. Shopifyアプリで、[商品管理]アイコン をタップします。
  2. 編集する商品をタップします。
  3. [メディア] セクションで、[+] をタップします。
  4. 次のいずれかの方法でメディアを追加します。
    • 既存のメディアファイルからメディアを追加するには、[メディアファイル] をタップします。
    • デバイスの写真からメディアを追加するには、画像アイコンをタップします。
    • デバイスのカメラを使用して写真や動画を撮影するには、[カメラ] をタップします。
    • YouTubeまたはVimeoでホストされている動画を追加するには、[YouTubeまたはVimeoのURL] をタップします。
    • デバイスのファイルから画像を追加するには、[ファイルアプリ] をタップします。
    • 商品の新しい3Dモデルをスキャンするには (iOSのみ)、[3Dスキャナー] をタップします。
  5. [保存] または [✓] をタップします。

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

デスクトップ
  1. 管理画面から、[商品管理] に移動します。

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

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

モバイル
  1. Shopifyアプリで、[商品管理]アイコン をタップします。
  2. 編集する商品をタップします。
  3. [メディア] セクションで、[すべて表示] をタップします。
  4. [選択] をタップし、デフォルトの商品画像にする画像を選択します。
  5. [...] をタップし、[デフォルトとして設定] をタップします。
  6. [保存] または [✓] をタップします。

オンラインで共有したり、商品やコレクションの説明、ウェブページ、ブログ記事からダウンロードできるようにしたりするために商品メディアへのリンクをコピーする必要がある場合は、個別のメディアファイルへのリンクをコピーできます。ページコンテンツ内のファイルにリンクする方法について詳しくはこちら。

デスクトップ
  1. 管理画面から、[コンテンツ] > [ファイル] の順に移動します。

  2. 共有する商品メディアの横にある [リンクをコピー] アイコンをクリックします。

モバイル
  1. Shopify アプリから、メニュー アイコンをタップします。

  2. [コンテンツ] メニューで、下向き矢印アイコンをタップし、[ファイル] をタップします。

  3. 共有する商品メディアの横にある [リンクをコピー] アイコンをタップします。

メディアを削除する

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

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

商品からファイルを削除しても、ストアからファイルは削除されません。ストアからメディアを削除するには、管理画面の [コンテンツ] > [ファイル] のファイルマネージャーで削除する必要があります。

デスクトップ
  1. 管理画面から、[商品管理] に移動します。

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

  3. [メディア] セクションで、削除するメディアにカーソルを合わせ、チェックボックスをオンにします。

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

モバイル
  1. Shopifyアプリで、[商品管理]アイコン をタップします。
  2. 編集する商品をタップします。
  3. [メディア] セクションで、[すべて表示] をタップします。
  4. [選択] をタップします。
  5. 削除するメディアをタップします。
  6. [削除] をタップします。

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

選択したファイルのいずれかがストアの他の場所で使用されている場合、そのファイルは編集中の商品からのみ削除されます。ストアからメディアを削除するには、管理画面の [コンテンツ] > [ファイル] にあるファイルマネージャーで削除する必要があります。

デスクトップ
  1. 管理画面から、[商品管理] に移動します。

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

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

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

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

モバイル
  1. Shopifyアプリで、[商品管理]アイコン をタップします。
  2. 編集する商品をタップします。
  3. [メディア] セクションで、[すべて表示] をタップします。
  4. 選択」をタップし、削除するメディアを選択します。
  5. [削除] をタップします。
  6. 完了」をタップします。

ファイルの置き換え

  1. 管理画面から、[コンテンツ] > [ファイル] の順に移動します。

  2. ファイル名の横にある「置き換え」アイコンをクリックします。

  3. アップロードするファイルを選択します。

既存のファイルを上書きせずにファイルを編集する

ファイルエディタでは、画像の背景を変更するなど、元の画像を変更する編集が可能です。既存のファイルを上書きせずに変更を加えるには、変更を新規ファイルとして保存します。

手順:

  1. 管理画面から、[コンテンツ] > [ファイル] の順に移動します。

  2. メディアファイルを選択して、ファイルエディタを開きます。

  3. ファイルを編集します。

  4. 「保存」ドロップダウンメニューから、「新規として保存」を選択します。

「新規として保存」すると、新しいファイルがストアのファイルシステムに保存され、元の画像は元の状態のまま保持されます。

プラン別のファイルストレージ上限

アップロードされたファイルで利用できるストレージ容量は、Shopify サブスクリプションプランによって異なります。

ファイルストレージの上限について、詳しくは次の表をご確認ください。

Shopify 管理画面のファイルに関する、Shopify サブスクリプションプランの種類別ストレージ上限。
プランストアあたりの上限
Starter100 GB
Retail100 GB
Basic および Shopify パートナーの開発ストア100 GB
Grow300 GB
Advanced500 GB
Plus および Shopify パートナーのPlus サンドボックスストア1 TB
Enterprise10 TB

有料でのストレージ増量

組織のファイルストレージ容量を追加購入する場合、組織の所有者は Shopify サポートに連絡して、ストレージの増量をリクエストできます。

リクエストされた増量分は、1つの本番ストアと最大2つの開発ストアに追加されます。対象となる3つのストアすべてで、それぞれ増量されます。増量分がストア間で分割されることはありません。増量は、利用可能な単位で行う必要があります。一部のみの有料増量は利用できません。

Shopify 管理画面のファイルに関する、Shopify サブスクリプションプランの種類別に利用可能な有料ストレージ増量。
プラン増量あたりの料金
Plus1 TBあたり月額100米ドル
Enterprise10 TBあたり月額1,000米ドル

動画と3Dモデル

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

プラン別の動画と3Dモデルの上限

アップロードできる動画と3Dモデルの数は、Shopify サブスクリプションプランによって異なります。

動画と3Dモデルの上限について、詳しくは次の表をご確認ください。

Shopify サブスクリプションプランの種類別の、動画と3Dモデルのアップロード上限。
プランストアあたりの上限
Starter250
Retail250
Basic および Shopify パートナーの開発ストア250
Grow1,000
Advanced5,000
Plus および Shopify パートナーのPlus サンドボックスストア50,000
Enterprise50,000

プラン別の動画ストレージ上限

アップロードした動画に利用できるストレージ容量は、Shopify サブスクリプションプランによって異なります。

動画のストレージ上限について、詳しくは次の表をご確認ください。

Shopify サブスクリプションプランの種類別の動画ストレージ上限。
プランストアあたりの上限
Starter50 GB
Retail50 GB
Basic および Shopify パートナーの開発ストア50 GB
Shopify パートナーのPlus サンドボックスストア60 GB
Grow500 GB
Advanced500 GB
Plus1 TB
Enterprise2 TB

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

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

互換性のあるテーマを使用している場合は、テーマエディタを使用してファイル参照メタフィールドをテーマに連携させることができます。旧デザインのテーマを使用している場合は、テーマコードを編集するか、Shopify パートナーに依頼してサポートを受けることができます。

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

メディアエディタを使用して画像に加えた変更を元に戻したい場合 (以前の切り抜き、サイズ変更、または Shopify Magic による編集が不要になった場合など)、[オリジナルに戻す] ボタンを使用して、画像ファイルを元の状態に戻すことができます。

動画のアップロード要件

[URLから追加] を使用して YouTube または Vimeo から動画を追加する場合、動画の公開設定と URL 形式に関する特定の要件を満たす必要があります。

動画のプライバシー設定

動画は、一般公開でアクセスできるか、外部ウェブサイトに埋め込むことができる許可を得ている必要があります。非公開に設定されている動画や視聴権限が制限されている動画は、管理画面に追加できません。

  • YouTube 動画の場合、動画を[公開] または [限定公開] に設定してください。YouTube のプライバシー設定について詳しくは、こちらをご覧ください。
  • Vimeo 動画の場合、動画が外部サイトへの埋め込みを許可していることを確認してください。Vimeo のプライバシー設定について詳しくは、こちらをご覧ください。

サポートされている URL 形式

URL から動画を追加する場合は、以下の URL 形式を使用してください。

  • YouTube:標準の動画 URL 形式 https://youtube.com/watch?v=[video-id] を使用します。YouTube ショートの URL (https://youtube.com/shorts/[video-id]) は現在サポートされていませんが、URL を標準形式に変更することで変換できます。
  • Vimeo:直接の動画 URL 形式 https://vimeo.com/[video-id] を使用します。カスタム URL 機能が利用できる Vimeo アカウントをお持ちの場合は、カスタム Vanity URL の代わりに直接の動画 URL を使用してください。

商品メディアを一括管理する

商品に多数のメディアファイルがある場合、Shopify の管理画面の商品詳細ページからメディアを管理ビューを使用して、メディアを検索、並べ替え、一括削除できます。

手順:

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

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

  3. メディアセクションで、メディアを管理アイコンをクリックします。

  4. 以下のいずれかのアクションを実行します。

    • メディアの検索: 名前、拡張子、または説明で特定のファイルを検索します。
    • メディアの並べ替え: メディアをドラッグ&ドロップして順序を変更します。最初のメディアアイテムは商品のメイン画像として使用されます。
    • メディアの一括削除: メディアを一括削除するには、以下のアクションを実行します。
    1. 削除するメディアファイルを選択します。
    2. 削除をクリックします。