商品メディアの追加
商品には画像、3Dモデル、ビデオを合わせて最大250件を追加できます。3Dモデルとビデオには、Shopifyのプランに基づく特定のホスティング制限があります。3Dスキャナー機能に対応したiOSデバイスでは、Shopifyモバイルアプリから商品を直接スキャンして3Dモデルを構築することもできます。
各商品の最初のメディアアイテムは、特集メディアアイテムあるいはメインメディアアイテムと呼ばれます。メインメディアアイテムは、コレクションページ、カートページ、チェックアウトページ、ホームページに表示されます。このメインメディアアイテムはいつでも変更できます。
目次
商品にメディアを追加する
管理画面から [商品管理] に移動します。
編集する商品をクリックします。
-
[メディア] セクションで、以下のいずれかの方法により、画像、3Dモデル、またはビデオを追加します。
- [新規アップロード] をクリックし、アップロードするファイルを選択します。
- アップロードするファイルを [メディア] セクションにドラッグアンドドロップします。
- [既存のものから選択] をクリックし、既存のメディアファイルを確認して選択します。
- [URLから追加] するには、[既存のものから選択]、[URLから追加] の順にクリックします。
- Shopifyアプリから、 [商品] > [すべての商品] に移動します。
- 編集を希望する商品をタップします。
-
[メディア] セクションで、
+
をタップします。 -
以下のいずれかの方法で、メディアを追加します。
- 既存のメディアファイルからメディアを追加するには、[メディアファイル] をタップします。
- デバイスの写真からメディアを追加するには、画像アイコンをタップします。
- デバイスのカメラを使用して写真やビデオを撮影するには、[カメラ] をタップします。
- YouTubeまたはVimeoでホストされているビデオを追加するには、YouTubeまたはVimeoのURLをタップします。
- デバイスのファイルから画像を追加するには、[ファイルアプリ] をタップします。
- 商品の新しい3Dモデルをスキャンするには、[3Dスキャナー] をタップします。
[保存] をタップします。
- Shopifyアプリから、 [商品] > [すべての商品] に移動します。
- 編集を希望する商品をタップします。
-
[メディア] セクションで、
+
をタップします。 -
以下のいずれかの方法で、メディアを追加します。
- 既存のメディアファイルからメディアを追加するには、[メディアファイル] をタップします。
- デバイスの写真からメディアを追加するには、画像アイコンをタップします。
- デバイスのカメラを使用して写真やビデオを撮影するには、[カメラ] をタップします。
- YouTubeまたはVimeoでホストされているビデオを追加するには、YouTubeまたはVimeoのURLをタップします。
- デバイスのファイルから画像を追加するには、[ファイルアプリ] をタップします。
[✓] をタップします。
メインの商品メディアを変更する
管理画面から [商品管理] に移動します。
編集する商品をクリックします。
[メディア] セクションで、デフォルトのメディアを作成するメディアに移動し、画像を最初の画像の場所にドラッグアンドドロップします。
- Shopifyアプリから、 [商品] > [すべての商品] に移動します。
- 編集を希望する商品をタップします。
- [メディア] セクションで、[すべてを表示する] をタップします。
- [選択] をタップし、デフォルトの商品画像にする画像を選択します。
-
...
をタップし、[デフォルトとして設定する] をタップします。 - [保存] をタップします。
- Shopifyアプリから、 [商品] > [すべての商品] に移動します。
- 編集を希望する商品をタップします。
- [メディア] セクションで、[すべてを表示する] をタップします。
- [選択] をタップし、デフォルトの商品画像にする画像を選択します。
-
...
をタップし、[デフォルトとして設定する] をタップします。 - [✓] をタップします。
商品メディアへのリンクをコピーする
商品メディアへのリンクをコピーしてオンラインで共有したり、商品やコレクションの説明、ウェブページ、またはブログ記事からダウンロードできるようにしたりする必要がある場合は、個々のメディアファイルにリンクをコピーできます。ページコンテンツのファイルへのリンクについて、詳しくはこちらをご覧ください。
- 管理画面で [コンテンツ] > [ファイル] の順に移動します。
- 共有を希望する商品メディアの横にある [リンクをコピー] をクリックします。
- Shopifyアプリから [...] > [コンテンツ] の順にタップします。
- [ファイル] をタップします。
- 共有を希望する商品メディアの横にある [リンクをコピー] をタップします。
- Shopifyアプリから [☰] > [コンテンツ] の順にタップします。
- [ファイル] をタップします。
- 共有を希望する商品メディアの横にある [リンクをコピー] をタップします。
メディアを削除する
メディアを個別または一括で削除できます。
メディアを個別に削除する
商品からファイルを削除しても、ストアからファイルが削除されることはありません。ストアからメディアを削除するには、管理画面の [コンテンツ] > [ファイル] にあるファイルマネージャーで削除する必要があります。
管理画面から [商品管理] に移動します。
編集する商品をクリックします。
[メディア] セクションで、削除するメディアにカーソルを動かしてチェックボックスをオンにします。
[削除] をクリックします。
- Shopifyアプリから、 [商品] > [すべての商品] に移動します。
- 編集を希望する商品をタップします。
- [メディア] セクションで、[すべてを表示する] をタップします。
- [選択] をタップします。
- 削除するメディアをタップします。
- [削除] をタップします。
- Shopifyアプリから、 [商品] > [すべての商品] に移動します。
- 編集を希望する商品をタップします。
- [メディア] セクションで、[すべてを表示する] をタップします。
- [選択] をタップします。
- 削除するメディアをタップします。
- [削除] をタップします。
- [✓] をタップします。
メディアを一括で削除する
選択したファイルのいずれかがストア内の他の場所で使用されている場合、そのファイルは編集中の商品からのみ削除されます。ストアからメディアを削除するには、管理画面の [コンテンツ] > [ファイル] にあるファイルマネージャーで削除する必要があります。
管理画面から [商品管理] に移動します。
編集する商品をクリックします。
[メディア] セクションで、チェックボックスを使用して削除するメディアを選択します。
[ファイルを削除する] をクリックします。
[削除] をクリックします。
- Shopifyアプリから、 [商品] > [すべての商品] に移動します。
- 編集を希望する商品をタップします。
- [メディア] セクションで、[すべてを表示する] をタップします。
- [選択] をタップし、削除するメディアを選択します。
- [削除] をタップします。
- [完了] をタップします。
- Shopifyアプリから、 [商品] > [すべての商品] に移動します。
- 編集を希望する商品をタップします。
- [メディア] セクションで、[すべてを表示する] をタップします。
- [選択] をタップし、削除するメディアを選択します。
- [削除] をタップします。
- [完了] をタップします。
ファイルの置き換え
- 管理画面から [コンテンツ] > [ファイル] の順に移動します。
- ファイル名の横にある置き換えアイコンをクリックします。
- アップロードするファイルを選択します。
既存ファイルを上書きせずにファイルを編集する
ファイルエディタでは、画像の背景を変更するなど、画像に大規模な編集を加えることが可能です。既存ファイルを上書きせずに変更を行うには、変更を新規として保存します。
手順:
- 管理画面から [コンテンツ] > [ファイル] の順に移動します。
- メディアファイルを選択し、ファイルエディタを開きます。
- ファイルを編集します。
- [保存] ドロップダウンメニューから、[新規として保存] を選択します。
新規として保存すると、元の画像は元の状態のまま残り、新しいファイルがストアのファイルシステムに保存されます。
プランごとのファイル保存の上限
プラン | ストアあたりの制限 |
---|---|
Shopify エンタープライズ | 10 TB (テラバイト) |
Shopify Plus | 300GB (ギガバイト) |
高度 | 300GB (ギガバイト) |
Shopify | 300GB (ギガバイト) |
Basic | 100GB (ギガバイト) |
ビデオと3Dモデル
3Dモデルまたはビデオをオンラインストアで表示させるには、以下のいずれかを実行する必要があります。
- 3Dモデルとビデオをサポートしているテーマを使用します。サポートされているテーマの古いバージョンを使用している場合は、3Dモデルとビデオを使用するために、テーマの最新バージョンへの更新が必要となる場合があります。
- 現在のテーマを変更します。テーマのコードの読み取りや編集に問題がない場合は、Shopifyの開発者向けドキュメントで、テーマへのメディアサポートの追加やメディアUXガイドラインについて詳しく学ぶことができます。テーマコードの読み取りや編集に不安がある場合は、Shopifyパートナーを雇うことができます。
ビデオと3Dモデルのホスティング制限
ストアの商品とファイルページに対してShopifyがホストとなる動画と3Dモデルの総数には制限があります。3D制限はストアが加入しているShopifyのプランによって異なります。
Starter | Basic Shopify | Shopify | Advanced Shopify | Shopify Plus |
---|---|---|---|---|
250ファイル | 250ファイル | 1000ファイル | 5000ファイル | Shopify Plusサポートに問い合わせる |
メタフィールドを使用して商品のメディアを追加する
商品のメディアをオンラインストアに表示する方法をカスタマイズするには、メタフィールドを使って、商品用のファイル参照メタフィールドを作成できます。ファイル参照メタフィールドでは、商品を表示するための画像やお客様がダウンロードできるその他すべてのファイルタイプをアップロードすることができます。オンラインストアのメタフィールドに、JPEG、PNG、WEBP、SVG、HEIC、GIFの画像を表示できます。メタフィールドには、一度に1つのファイルのみを保存できます。メタフィールドには、一度に1つのファイルのみを保存できます。
Online Store 2.0のテーマを利用している場合、テーマエディタを使用して、ファイル参照メタフィールドとテーマを連携させることができます。以前のテーマを利用している場合、テーマコードを編集するか、Shopifyパートナーを雇ってサポートを受けることができます。
商品画像の編集内容を元に戻す
メディアエディタを使用して画像に加えた変更内容が不要になり、元に戻したい場合、それがトリミング、リサイズ、あるいはShopify Magicを使用して行った編集であっても、[最初のバージョンに戻す] ボタンを使用して、画像ファイルを元の状態に戻すことができます。