商品管理_登録商品編集(画像登録)

商品管理 > 登録商品編集

1.概要

商品のサムネイル画像や説明画像を登録する設定です。

登録した画像は商品一覧(商品ブロックの機能パーツを設置することで表示)や商品検索ページ・商品カテゴリページ・商品詳細ページ(商品ページ)で表示されます。

2.説明

商品管理 > 商品登録/編集 > 登録商品編集 にて【編集】をクリックしてください。

次に編集画面上部の【画像登録】をクリックしてください。

2.1.サムネイル画像の登録

【画像管理】をクリックします。

図.画像管理ボタンをクリックする

画像を保存するフォルダ名をダブルクリックします。

図.画像保存フォルダをダブルクリックする

【ファイルを選択】から【アップロード】します。

図.画像のアップロード

図.アップロードした画像の確認

アップロードされた画像をダブルクリックします。

図.アップロードされた画像をダブルクリック

サムネイルの画像登録が完了です。続いて、商品画像の登録をします。

2.2.画像と画像説明 の登録

【画像を追加する】を押下。

※「画像と画像説明1」は予め表示されています。

図.画像を追加するボタンをクリックする

下図のように画像登録エリアが追加されますので、サムネイル画像の登録時と同様の方法で画像をアップロードします。

図.画像登録エリアの追加

1商品につき、商品画像は最大25枚まで登録可能です。

2.3.titleとaltの設定

「サムネイル画像」のtitleとaltの設定については、以下の箇所で行います。

titleタグ=画像title設定altタグ=alt設定(画像代替テキスト)

「画像と画像説明」のtitleとaltの設定については、以下の箇所で行います。

titleタグ=画像title設定altタグ=説明

図.titleとaltの設定

3.画像の並び替え

「画像と説明」欄に複数の画像を登録している場合、商品ページでは、一番上の画像から順番に表示されます。管理画面で画像の順序を入れ替えることで、商品ページでの表示順を変更できます。画像の並び替えは、ハンバーガーメニュー(三本線)をドラッグ&ドロップして入れ替えます。

図.画像の並び替え

4.注意事項

容量の大きい画像のアップロードは、読込速度遅延の原因となります。

画像圧縮ツール等をご利用頂き、画像の容量を抑えることを推奨致します。

詳細は「サイト表示速度向上の秘訣」のマニュアルをご参照ください。

>>「サイト表示速度向上の秘訣」へ

5.関連記事

・画像をアップロードする方法

>>「サイト管理_画像管理」へ