futureshop FAQ

本サイトは、弊社サービス「futureshop」ご契約店舗様用のFAQサイトです。
お困り事やご不明点等ございましたら、お気軽にフューチャーショップサポートまでご連絡ください。

  • 電話でのお問合せ番号(平日10:00~17:00)
  • メールでのお問合せ
  • 文字サイズ変更
  • S
  • M
  • L
  • No : 1998
  • 公開日時 : 2020/04/22 09:30
  • 更新日時 : 2020/09/11 09:23
  • 印刷

「今までに見た商品(閲覧履歴)」の一覧ページを作ることができますか?

回答

futureRecommend2の閲覧履歴表示の機能により、「今までに見た商品」の一覧ページを作成することができます。

 

本内容を設定するには、futureRecommend2オプションのご契約が必要です。
■サービスサイト:futureRecommend2

作成方法

STEP01:閲覧履歴一覧ページ用レコメンドテンプレートの作成

レコメンド管理画面>表示設定>テンプレート一覧/作成 にて「fs_history」をクリック。

 

ページ下部の「別名で保存する」をクリックすると、
テンプレート一覧に「fs_history-2」が作成されます。

 

「fs_history-2」に入り、テンプレート名を「fs_history_all」に変更。

「fs_history_all」の編集画面にて、下記のHTMLとCSSを記述し登録。

fs_history_all (閲覧履歴一覧ページ)用サンプルソース

HTML

#{if(total,0)}#{else}
<div class="FS2_Recommend2_container_history">
<h3 class="CrossHead">今までにチェックした商品</h3>
<ul>
#{item(1,10)}
<li>#{if(image)}<a href="#{url}"><img src="#{image}" /></a><br />#{/if}<a href="#{url}">#{raw(name)}</a><br />
<span class="recommend2_price">当店特別価格</span><span class="recommend2_itemprice">#{comma(price)}円</span><span class="recommend2_price">(税込)</span></li>
#{/item}
</ul>
</div>
<br clear="all" />
#{/if}

CSS(ページ幅の数値はショップレイアウトに合わせて適宜ご調整ください)

.FS2_Recommend2_container_history{
margin-bottom:15px;
width:728px; /*閲覧履歴一覧ページの幅*/
}
.FS2_Recommend2_container_history a{
font-weight:bold;
text-decoration:none;
}
.FS2_Recommend2_container_history a img{
border:none;
}
.FS2_Recommend2_container_history ul{
padding:0px;
}
.FS2_Recommend2_container_history ul li{
display:block;
float:left;
padding:10px;
width:200px; /*閲覧履歴一覧ページの商品エリアの幅*/
height:310px; /*閲覧履歴一覧ページの商品エリアの高さ*/
margin:0 10px 5px 10px;
line-height:1.5em;
}
.FS2_Recommend2_container_history img{
margin-bottom:10px;
}
.recommend2_itemprice {
color:#DE4B47;
font-weight:bold;
}
.recommend2_price {
color:#999999;
}

 

STEP02:閲覧履歴一覧ページを作成しタグを設置する

 

以降の設定はコマースクリエイター利用状況により異なります。

コマースクリエイターの利用状況がご不明な方はコチラをご確認ください。

 

コマースクリエイター運用中店舗様

commerce creator>フリーページ>フリーページを追加する より閲覧履歴一覧のフリーページを作成します。

タイトル:閲覧履歴一覧 など(任意のタイトルを入力してください)

URL:display_history_list など(任意のURLを入力してください)

ページ本文 下記のレコメンドタグを入力して保存してください。

<script type="text/javascript">

try{

_rcmdjp._displayHistory({

template:'fs_history_all'//テンプレート種類

});

}catch(err){}

</script>

 

 

コマースクリエイター無効もしくは有効店舗様

運用メニュー>商品管理>商品グループ にて、商品グループを新規登録します。
「1ページに表示する子グループ数」と「1ページに表示する商品数」は0×0にしてください。

グループ登録後、上級デザインタブの「上部コメント」「スマートフォン上部コメント」に、下記のレコメンドタグを入力します。

 

<script type="text/javascript"><!--
try{
_rcmdjp._displayHistory({
template:'fs_history_all' // テンプレート名
});
}catch(err){}
//--></script>


以上により、「今までに見た商品(閲覧履歴)」の一覧ページが作成できます。

スムーズに解決できなかった場合、記事改善のため解決できなかった理由をお聞かせください。

ご意見・ご感想をお寄せください お問い合わせを入力されましてもご返信はいたしかねます

フューチャーショップサポート

「虎の巻」でお悩みが解決できない場合や、ご不明点等がございましたらお気軽にご連絡ください。

  • お電話でのお問い合わせ(平日10:00~17:00)お電話でのお問い合わせ(平日10:00~17:30)
  • メールフォームをご利用くださいお問い合わせフォーム

※弊社サービスと類似した名称の通販サイトとの問い合わせ先間違いが増えております。
 弊社では通販サイトの運営は一切行っておりません。

ページ
トップへ