商品詳細ページの詳細な説明欄やHTMLの記述が可能な箇所に画像を複数掲載したい

2017-08-22 16:40

商品詳細ページの「詳細な説明」欄や自由記入欄など、HTMLの記述が可能な箇所に画像を複数掲載することが可能です。

手順は下記の通りとなります。

1.「デザイン管理」→「画像専用管理画面」→『画像専用管理画面はこちら』→「コンテンツフォルダ」をクリックします。

2.開いた画面の右上【画像アップロード】ボタンをクリック、【ファイル選択】をクリック後→ご自身のパソコン上にある画像を選択してアップロードします。

3.「コンテンツフォルダ」を選択して登録された画像の下部に表示される【URL】をクリックします。
【URL】欄に該当画像のURLが表示されますので、それをコピーしておきます。

4.画像を表示したい箇所(商品の【詳細説明】欄や自由記入欄など)に貼り付けます。
先にコピーしたURLを、下記HTMLタグの"画像URL"の箇所に貼り付けて記述します。
--------------------------------------------------------------------------------
<img src="画像URL">
--------------------------------------------------------------------------------

画像に任意のページへリンクを設定したい場合は、下記のような記述になります。
--------------------------------------------------------------------------------
<a href="リンク先URL"><img src="画像URL"></a>
--------------------------------------------------------------------------------

※それぞれ、「<」「>」も含む形で記述してください。

※商品の【詳細説明】欄には、【画像専用管理画面より画像を登録する】ボタンがあります。既にアップロード済みの画像を商品の【詳細説明】欄に設定する場合、画像を表示したい箇所にてクリックし【画像専用管理画面より画像を登録する】ボタンをクリックすると設定できます。