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

今回は『まとめ買い割引』を表示する方法をご紹介します!

『まとめ買い割引』は管理画面の「まとめ買い商品管理」から設定できます!
参考:オンラインマニュアル「まとめ買い商品管理」

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

・カテゴリーページと買い物かごに、まとめ買いの表示をだしたいけどどうやるのか分からない・・

[難易度 ★☆☆ ]
"カテゴリーページ"と"買い物かごページ"へ
まとめ買い割引を表示する方法!

まとめ買い割引は、「カテゴリーページ」と「買い物かごページ」と「共通CSS管理」の独自デザイン画面内に必要なソースを追記する必要があります。

早速、みていきましょう!

設定方法

(1)カテゴリーページにソースを追加!

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

エディターエリアに下記のようにソースを追記してください。

▼まとめ買い「表示案内文」を表示します。
案内文をクリックすると「まとめ買い対象一覧ページ」を表示します。

まとめ買いカテゴリーページ

(2)買い物かごページにソースを追加!

【独自デザイン(PC)】>【内部ページ編集I】>【買い物かごページ管理】

エディターエリアに下記のようにソースを追記してください。

▼まとめ買い「表示案内文」を表示します。
案内文をクリックすると「まとめ買い対象一覧ページ」を表示します。

まとめ買い買い物かごページ

▼まとめ買い割引を表示します。
詳細をクリックすると「まとめ買い割引が適用された商品ページ」をポップアップ画面で表示します。

まとめ買い割引が適用された商品ページ

・ソースの入力箇所は、サンプルショップ一覧の、初期値データをご参考ください。
まとめ買い割引に必要なソースが含まれています。
※対象テンプレート:Fashion/シンプルモダン/プレーン/サニーポップ

(3)CSSを指定する!

【独自デザイン(PC)】>【トップページ編集】>【共通CSS管理】

下記のスタイル指定を追記してください。

▼カテゴリーページ、買い物かごページ用

▼まとめ買い対象商品ページ用

※カスタマイズテンプレート【プレーン】の場合
(↓109行分です。全てコピーしてください)

・プレーン以外のまとめ買い対象商品ページに必要なソースは、サンプルショップ一覧の、
 初期値データをご参考ください。
 ※対象テンプレート:Fashion/シンプルモダン/プレーン/サニーポップ

・CSSを追記する場所は管理しやすい場所か、分からない場合は一番下に追記しましょう!

完了!

いかがでしたでしょうか。
まとめ買い割引を設定した際には、お忘れなく表示してみましょう!

スマホでの表示は、
関連記事スマホにもまとめ買い割引を表示する方法!をご参考ください。

それではまた!