futureshop FAQ

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

  • 電話でのお問合せ番号(平日10:00~17:00)
  • メールでのお問合せ
  • 文字サイズ変更
  • S
  • M
  • L
  • No : 8985
  • 公開日時 : 2018/05/10 15:36
  • 更新日時 : 2022/01/24 16:50
  • 印刷

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

回答

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

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

 

調整方法 

1.テンプレートを開く

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

 

2.テンプレートを編集する

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

例:
fs-recommend--flick → fs-recommend--flick
fr2-carousel → fr2-carousel
loadSlick → loadSlick

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

 

3.レコメンド表示タグ内の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>

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

コマースクリエイター用の開店ガイドできました!

はじめてのコマースクリエイター!ショップ開店ガイド

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

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

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

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

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

ページ
トップへ