質問 > フロント機能 > slickを使用して商品画像を表示 |
フロント機能
スレッド表示 | 新しいものから | 前のトピック | 次のトピック | 下へ |
投稿者 | スレッド |
---|---|
himoto |
投稿日時: 2018/2/1 17:57
対応状況: −−−
|
新米 登録日: 2018/1/24 居住地: 投稿: 3 |
slickを使用して商品画像を表示 ------------------------------------------------------------------------------------------
[EC-CUBE] 3.0.13 [レンタルサーバ] さくらインターネット [PHP] 7.1.11 [データベース] MySQL 5.5.54-log [WEBサーバ] Apache/2.4.29 商品詳細ページにスクリプトを導入しましたが、下の画像をクリックすると、 上に表示される画像は次の画像になっております。 slick-dotsを一度多数の画像を表示すると、次のページの画像が表示されます。 slickを導入すると、slick-trackとslick-dotsのリンクに何か影響を生じるでしょうか? 解決方法はありますでしょうか?以下導入スクリプトになります: <script> $(function(){ $('.slick-dots').slick({ dots: true, arrows: false, }); }); </script> どうぞよろしくお願いいたします。 ------------------------------------------------------------------------------------------ |
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
$('.slick-dots').slick()を記述する事で、2重にslickのイベントが適用されているのでは無いでしょうか? slick-dotsにslickを指定する目的が分からないので何とも言えませんが、 デフォルトの商品画像とは、別に画像を追加されていたりするのでしょうか?
|
himoto |
投稿日時: 2018/2/26 19:06
対応状況: −−−
|
新米 登録日: 2018/1/24 居住地: 投稿: 3 |
Re: slickを使用して商品画像を表示 ご回答ありがとうございます。仰る通りですね。
これがslick-dotsの画像のコードですね。 $(slider.$slides[i])を$(slider.$slides[i+'slidesToShowの数字'])に変更すると、上下の画像の連携が正常に戻りましたが、プラスした数字ほとsliderの画像が消えました。 すみません、コーディングについてはど素人でございます... return'...' の中で'slidesToShow'と'slidesToScroll'を加えて、一行五つの画像のsliderを作ることが出来ますでしょうか? |
468 |
投稿日時: 2018/3/9 11:06
対応状況: −−−
|
神 登録日: 2008/10/26 居住地: 投稿: 3217 |
Re: slickを使用して商品画像を表示 返信が遅くなりました。
1行5つの画像のsliderとは、どの動きでしょうか? 5つの画像が同時に表示されているという状態でしょうか? slidesToShow: 5, の記述でスライダーに表示される画像の数を変更できますが、 そのイメージでよろしかったでしょうか?
|
himoto |
投稿日時: 2018/4/3 18:46
対応状況: −−−
|
新米 登録日: 2018/1/24 居住地: 投稿: 3 |
Re: slickを使用して商品画像を表示 返信ありがとうございます。
slidesToShow: 5 のイメージであってます、 理想的には左側の写真部分をtab sliderにしたいです。 以下サンプルのリンクです。 https://www.jssor.com/demos/tab-slider.slider 多彩なエフェクトは必要ありません、 ただこのように商品写真をまとめたいです。 どれくらいのコーディング変更が必要でしょうか? |
スレッド表示 | 新しいものから | 前のトピック | 次のトピック | トップ |