こんにちは、MakeShopのあらいです。
いつもMakeShopをご利用いただきありがとうございます。

今回は商品詳細ページに商品画像を並べて表示する方法をご紹介します!
ネットショップでは、商品画像が売上に非常に大きな影響を与えます。
基本画像以外にも複数の画像を登録することが重要です!

こんなお悩みありませんか?

・複数個のサムネイル(小さい画像)をいくつか並べて表示したい
・商品画像とは別の画像も表示したい
・商品画像の下に複数商品画像が表示されない・・・

[難易度 ★☆☆ ]
管理画面からかんたん登録
商品画像の下にサムネイル(小さい画像)を並べて表示する方法!

設定方法

(1)画像を登録!

商品画像を準備しましょう!

【商品管理】>【商品の設定】>【複数商品画像登録】

から画像を登録します。

参考:オンラインマニュアル「複数商品画像登録」

または、対象の商品の

【商品管理】>【商品の設定】>【商品の登録】

「複数イメージ登録」から複数画像を登録します。

・項目「1.」に登録した画像は商品詳細のメイン画像に優先して表示されます!
・画像は並んで表示されるので、同じサイズの画像を登録すると見た目がきれいです!
・商品を利用しているイメージがしやすいように、色々な角度別やシチュエーション別の画像を登録してみましょう!

(2)画像の表示方法を変更!

【商品管理】>【商品の設定】>【複数商品画像管理】

商品画像陳列タイプ選択から「複数画像で表示」を選択
→できあがり

参考:オンラインマニュアル「複数商品画像管理」

かんたんですね!

複数画像が並んで表示されない場合は、陳列タイプが「アイコンで表示」になっていませんか?
複数画像で表示」を選択するとサムネイル画像が表示されます!
(3)独自デザインをご利用中の場合は、独自変数タグの入力もチェック!

【独自デザイン(PC)】>【内部ページ編集I】> 商品詳細画面管理

商品詳細ページ選択で
「カテゴリ共通デザイン」または
「表示したいカテゴリー」内のエディターエリアに
下記の独自変数タグがあるかチェック!

もしくは下記のタグ

・ 上記のどれかのタグが入力されていれば表示されます!

ショップをみるで確認してみましょう!

複数商品画像サムネイル

いかがでしたでしょうか。
ぜひお試しください!それではまた!