この手順は完了しました:商品にカバーと商品ページのギャラリー(画像または動画)を追加し、正しく並べ替えます。
画像選択ツールの一般的な操作については、アップロードとギャラリーからの画像選択をご覧ください。
前提条件
- その商品の編集ページが開いていること(商品を公開する方法)。
- 所有者/編集者はアップロードできますが、閲覧者は通常、ギャラリーに既にある画像のみを選択できます。
パス
ショップ → 商品管理 → 商品を開く → 上部タブ メディア。
説明文は:「最初のものがカバーで、残りは商品ページのギャラリーです;画像や動画を追加でき、ドラッグして順序を調整できます。」
ステップバイステップの操作
- メディアに切り替えます。まだメディアがない場合、「メディアが追加されていません;ギャラリーから選択するか、画像をアップロードするか、動画を追加できます。」と表示されます。
- ツールバーから一つ選択します:
- ギャラリーから追加:選択器「ギャラリー」タブを開き、複数選択可能で、確認後に追加します。
- 画像をアップロード:選択器「アップロード」タブを開き、一度に複数選択可能です。
- 動画を追加:YouTube、Vimeo、または直接のMP4/WebMのURLを入力します;さらにカバー画像(リストとスライダーのサムネイル用)を選択できます。YouTubeでカバーが設定されていない場合は公式サムネイルが使用されます。
- 追加後、左上のドラッグハンドルを使って順序を調整します。
- 必要な場合は各項目に 代替テキスト(任意) を入力してください(アクセシビリティとSEOのためです)。
- 下部ツールバーの 下書きを保存 または 公開 を使用してください。成功した場合、「商品メディアが保存されました」と表示されます。
商品を追加する際、メディアは基本情報と同時に作成されます。その後の編集も同じツールバーで保存します。
カバーのルール
- 最初の項目は同時に次のように扱われます:
- ショップリストのカバー
- 商品ページのメイン画像
- SEO/ソーシャルシェア画像(別途設定がない場合)
- 最初のサムネイルには カバー の表示があります。
- 最初のものが動画の場合、リストと共有画像にはそのサムネイル画像を使用します(YouTubeは自動的に公式サムネイルを使用します;Vimeo/MP4は自分でカバーを選択してください)。
- 公開サイトでは切り抜き方式で表示され、重要な主体は画面の中央に配置してください。文字やロゴを端に寄せないでください。
公開サイトでの拡大表示
顧客が商品ページで左側のメイン画像(または動画再生アイコン)をクリックすると、全画面メディアスライドショーが開き、左右のキーで画像や動画を切り替えることができます。
推奨サイズとフォーマット
画像のバックエンドヒント:1200×900 px(4:3)、幅は少なくとも 1200px。フォーマットは JPG または WebP。
メッセージリストのカバーと同じことを推奨し、同一の撮影規格を便利にします。全サイトの規則については フォルダ、サイズとフォーマット をご覧ください。
則数上限
同一商品最多 20 則(画像+動画合計)。ツールバーには「現在の則数 / 20 則」と表示されます。
仕様を切り替えて商品画像を変更します。
色、スタイルなどのオプションが異なる実物写真や動画に対応する場合:
- まずこのページにメディアを追加して保存します。
- 次に対応する仕様タブに移動します:
- 仕様項目(ドロップダウン/単一選択)を展開して該当オプションを選択 → 商品画像をバインドし、本商品メディアから1つ選びます。
- データ表で価格を確認:価格列の下にある「仕様値を商品画像にバインド」をクリックし、各仕様値を選択します(例えば色など)。
- 公開サイトの顧客がその選択肢を選ぶと、商品ページの左側のスライダーが切り替わります。サイズ、数量などのバインドされていない選択肢は変更されません。
選択肢のために別のファイルをアップロードしないでください;必ず商品メディアから選んでください。
画像はどのフォルダに入りますか?
このページからアップロードした(および商品内の画像、仕様に関連するイメージ、動画のカバー)は、ギャラリーフォルダ 「商品管理」 に保存されます。その後、選択器でフォルダに基づいてフィルタリングできます。商品名を変更してもアップロードした画像のフォルダには影響しません。
メディアを削除する
その項目の削除コントロールをクリックすると、この商品から削除されます。
これは全サイトのギャラリーからファイルを削除するわけではありません;他のページや商品でも同じ画像が使用されている可能性があります。ファイルを削除するには、ギャラリー削除プロセスを経てください。詳細は 削除と引用チェック を参照してください。
どうやって確認しますか?
- メディアページの最初の項目があなたの求めるカバーであれば、数と順序は正しいです。
- 公開サイト
/shopのカードカバーが正しいです(動画はカバー画像が表示され、壊れた画像ではありません)。 - 商品詳細のメイン画像とスライドショーの順序がバックエンドと一致しています。メイン画像をクリックすると大きなスライドショーが開きます;動画は再生可能です。メディアがバインドされた仕様を選択した場合、左側のスライドショーはその項目に切り替わります。
- ソーシャルプレビューまたはSEOツールを使用して、共有画像が最初の画像/動画のカバーであるか確認します(別途SEO画像を設定していない場合)。
よくある問題
| 状況 | どうする |
|---|---|
| アップロードボタンがない | アカウントがビューアであるか、権限が制限されています。 |
| 画像はアップロードされたが商品ページに表示されない | 下部の保存ボタンを押しましたか?草稿のまま、公開サイトのプレビューで誤った状態を使用していませんか? |
| リストのカバーが希望の画像ではない | 正しい画像(またはカバーのある動画)を最初にドラッグして保存します。 |
| 動画にサムネイルがない | Vimeo/直接リンクのMP4はその項目でカバー画像を選択してください;YouTubeは通常自動的にサムネイルがあります。 |
| 画面が切り取られて重要な部分が見えない | 再撮影または再トリミングし、主体を中央に配置します;比率は4:3に合わせます。 |
| ギャラリーでアップロードしたファイルが見つからない | フォルダを「商品管理」に選択するか、フィルターをクリアします;ファイル名で検索します。見てください アップロードとギャラリーからの画像選択。 |