こんにちは、makeshopのあらいです。
いつもmakeshopをご利用いただきありがとうございます。
今回は商品詳細ページに商品画像を並べて表示する方法をご紹介します!
ネットショップでは、商品画像が売上に非常に大きな影響を与えます。
基本画像以外にも複数の画像を登録することが重要です!
こんなお悩みありませんか?
・複数個のサムネイル(小さい画像)をいくつか並べて表示したい
・商品画像とは別の画像も表示したい
・商品画像の下に複数商品画像が表示されない・・・
[難易度 ★☆☆ ]
管理画面からかんたん登録
商品画像の下にサムネイル(小さい画像)を並べて表示する方法!
設定方法
(1)画像を登録!
商品画像を準備しましょう!
【商品管理】>【商品の設定】>【複数商品画像登録】
から画像を登録します。
または、対象の商品の
【商品管理】>【商品の設定】>【商品の登録】
「複数イメージ登録」から複数画像を登録します。
・画像は並んで表示されるので、同じサイズの画像を登録すると見た目がきれいです!
・商品を利用しているイメージがしやすいように、色々な角度別やシチュエーション別の画像を登録してみましょう!
(2)画像の表示方法を変更!
【商品管理】>【商品の設定】>【複数商品画像管理】
商品画像陳列タイプ選択から「複数画像で表示」を選択
→できあがり
かんたんですね!
「複数画像で表示」を選択するとサムネイル画像が表示されます!
(3)ショップデザインをご利用中の場合は、独自変数タグの入力もチェック!
【ショップデザイン(PC)】>【内部ページ編集I】> 商品詳細画面管理
商品詳細ページ選択で
「カテゴリ共通デザイン」または
「表示したいカテゴリー」内のエディターエリアに
下記の独自変数タグがあるかチェック!
1 2 3 |
[IMAGE] または [RESIZE_IMAGE_***] ←***部分は、1~800までの数値を指定して表示します。 |
もしくは下記のタグ
1 2 |
[MAIN_IMAGE]<!--メインの商品画像を表示します--> [THUMBNAIL]<!--サムネイル画像を表示します--> |
・ 上記のどれかのタグが入力されていれば表示されます!
ショップをみるで確認してみましょう!
いかがでしたでしょうか。
ぜひお試しください!それではまた!