フリック式のレコメンドテンプレート「fs_c_flick」や「fs_flick_sp」を1ページに複数設置したら正しく動かなくなりました。

デフォルトで用意しているフリック式のレコメンドテンプレート「fs_c_flick」や「fs_flick_sp」を1ページに複数設置した場合、
Javascriptの構造上、IDやCLASSが重複利用されることにより2つ目以降が正しく動作しません。 

以下を参考に「ID」と「CLASS」が重複しないようテンプレートを使い分けることにより正常動作します。

 

調整方法 

１．テンプレートを開く

futureRecommend2管理画面にログインし、
表示設定＞テンプレート一覧／作成＞該当のテンプレート箇所の「複製」をクリックし、
複製したテンプレートのテンプレート名をクリックしてください。

 

２．テンプレートを編集する

HTML・CSS内の「fs-recommend--flick」「fr2-carousel」「loadSlick」を別の値に変更してください。

例：
fs-recommend--flick　→　fs-recommend--flick2 
fr2-carousel　→　fr2-carousel2 
loadSlick　→　loadSlick2 

変更後、「保存して作成」をクリックしてください。

 

３．レコメンド表示タグ内のtemplate値を書き換える

2つ目のタグのtemplate値を、手順3で変更したテンプレート名に書き換えて保存してください。

例：作成したテンプレート名が「fs_c_flick-copy」の場合、

<script type="text/javascript">
try{ 
  _rcmdjp._displayHistory({ 
    template: 'fs_c_flick'　　→　fs_c_flick-copy　に書き換える 
  }); 
} catch(err) {} 
</script>

なお同一テンプレートを１ページ中に三個以上設置している場合、
上記１～３の手順を必要個数分繰り返してそれぞれ異なるID・CLASSに変更、保存し、
レコメンド表示タグのテンプレート名を適宜変更してください。