「おすすめ商品」ページを作る - MT-t サポート

ＨＯＭＥ > サイト管理構造 > ショップブログ > 「おすすめ商品」ページを作る

「おすすめ商品」ページを作る

2013年10月05日

ショップブログの『ブログ記事の編集』画面で、項目「おすすめ商品」にチェックを入れた商品を一覧表示するページ「おすすめ商品」ページを作成することが出来ます。

『おすすめ商品』ページ

商品数が多い場合、キャンペーンで売りたい商品がある場合など、『おすすめ商品』ページを活用することができます。

『おすすめ商品』ページを作成する

ショップブログではなく、ウェブサイトのウェブページに新規で作成します。

上記の3項目を入力したら「更新」をクリックします。
おすすめページは、

というURLで作成されました。このURLがリンク先URLになります。

おすすめページを閲覧するためのリンク（ボタン）を作成する。

『おすすめページ』は作成されても、それを見るためのボタンやリンクが、初期設定には、ありませんので作成します。

メニューボタンからリンクする方法と、サイドメニューからリンクする方法の、２つの方法をご紹介します。他のメニューとの兼ね合いにもよりますが、メニューボタンに配置した方がクリックはされやすいです。

メニューボタンに「おすすめ商品」ボタンを作成してリンクする方法

「はじめての方へ」のメニューとメニュー画像を入れ替えた例

画像でメニューを変更する場合は、画像を作成してウェブサイトの「アイテム」→「新規」 でアップロード先を「img-layout」にしてアップロードします。

画像でメニューを変更する場合もテキストでメニューを変更する場合も、メニューのリンク先の修正方法は「メニューを修正する」を参照ください。

リンク先は以下の通りです。

サイドバナーに「おすすめ商品バナー」を作成してリンクする方法

サイドバナー用の画像を作成します。

設置には、パーツブログの「★side」を修正します。

上記のソースの赤文字部分をあなたのサイト用に修正し、それを「★side」に貼り付けます。貼り付け場所は、 「<div class="side-h">新着記事</div>」の前が良いでしょう。

例：下記のようにバナーを作成して、「ウェブサイト」の「アイテム」→「新規」でバナー画像を「img」フォルダー宛にアップロードしました。
　　ファイル名：「bnr_recomend.jpg」 サイズ：180px✕60px

挿入するソースを修正

このソースを、パーツブログ「★side」の「<div class="side-h">新着記事</div>」の前に貼り付け、全てのブログの再構築をかけます。

★side

回答は２営業日以内にメールでさしあげます。もし回答が届かない場合はメールが迷惑ボックスに入っているか、何らかの原因で受信できていない可能性があります。その際はお手数ですが再度ご相談フォームよりご入力ください。

よりスムースなサポートのために下記のアプリのインストールをお願いします。
Screen Capture (by Google)
Chromeの右上にアイコンが表示されます。そこから簡単に画面撮影でき、画像として保存することが可能です。ご相談の際、画面の画像を添付していただけると助かります。（詳しい使い方はこちら）

４ファイル以上添付したい方はこちらをお読みください。