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

今回はトップページに「新商品」「おすすめ商品」を表示する方法をご紹介したいと思います!

こんな要望ありませんか?

・トップページに「新商品」「おすすめ商品」を表示したい
・「新商品」「おすすめ商品」の陳列数を変更したい
・「新商品」「おすすめ商品」の表示順を変更したい

トップページに「新商品」「おすすめ商品」を表示する方法!

設定方法

(1)商品を登録

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

「陳列位置」からプルダウンで
「新商品」または「おすすめ商品」を設定します。

陳列位置

参考:オンラインマニュアル「商品の登録」

→テンプレートをそのままご利用いただいているショップ様はこれだけで完成!

(2)ショップデザインをご利用中のショップ様は変数タグを追加!

【ショップデザイン(PC)】>【トップページ編集】>【中央画面管理】

のエディタエリアへ下記の変数タグを追記します。

▼新商品

新商品タグ説明

▼おすすめ商品

おすすめ商品タグ説明

▼新商品を4つ、タイトル画像あり、商品間のラインなしの場合は下記のようになります。

新商品表示例

▼おすすめ商品を4つ、タイトル画像なし、商品間のラインありの場合は下記のようになります。

おすすめ商品

・タイトル画像は【タイトルイメージ管理】で設定できます。
 参考:オンラインマニュアル「タイトルイメージ管理」

管理画面の設定を変えるだけ!
トップページの「新商品」「おすすめ商品」の
『陳列数』『表示順』変更する方法!

商品の陳列数変更

【ショップ作成】>【デザインの設定】>【トップページ商品配置の設定】

「トップページ おすすめ商品表示個数」
「トップページ 新商品表示個数」から変更することができます!

トップページ商品配置の設定

参考:オンラインマニュアル「トップページ商品配置の設定」

・一行に表示される商品を6個にしている場合は、6の倍数の個数で表示されます。

商品の表示順変更

【商品管理】>【商品の配置の設定】>【メイン商品の配置】

「メイン商品順番調整」から表示順を変更することができます!

メイン商品の配置

参考:オンラインマニュアル「メイン商品の配置」

完了!

トップページ表示例

→できあがり

いかがでしたでしょうか。
トップページは、ショップの顔となるページです。
ショップを代表する商品が並ぶように配置してみるといいかもしれませんね。

ちょっとしたデザイン変更は
関連記事:トップページに「新商品」「おすすめ商品」を 表示したい【カスタマイズ編】をご参考ください。

それではまた!