EC-CUBE 開発コミュニティ

質問 > フロント機能 > slickを使用して商品画像を表示

投稿者	スレッド
468	投稿日時: 2018/2/8 11:12 対応状況: −−−
神登録日: 2008/10/26 居住地: 投稿: 3217	Re: slickを使用して商品画像を表示商品詳細ページのデザインがよく分からないのですが、 ECCUBE3の商品詳細ページの商品画像は元々slickが入っていなかったでしょうか？ (clsss属性="slides"に対して、slickが指定されているかと思います) /src/Eccube/Resource/template/default/Product/detail.twig `$('.slides').slick({ dots: true, arrows: false, speed: 300, customPaging: function(slider, i) { return '<button class="thumbnail">' + $(slider.$slides[i]).find('img').prop('outerHTML') + '</button>'; } });` $('.slick-dots').slick()を記述する事で、2重にslickのイベントが適用されているのでは無いでしょうか？ slick-dotsにslickを指定する目的が分からないので何とも言えませんが、デフォルトの商品画像とは、別に画像を追加されていたりするのでしょうか？ ---------------- 株式会社シロハチ ■ECCUBE2系、3系構築カスタマイズご相談ください。 ■EC-CUBE3マニュアル ■blog