質問 > 管理機能 > 詳細ページの商品画像一覧のスライド機能について |
管理機能
スレッド表示 | 新しいものから | 前のトピック | 次のトピック | 下へ |
投稿者 | スレッド |
---|---|
ゲスト |
投稿日時: 2018/6/6 11:49
対応状況: −−−
|
詳細ページの商品画像一覧のスライド機能について -- EC-CUBE3 --
-- macOS High Sierra -- 商品詳細ページにて商品の画像を複数枚登録しておく事で、スワイプで画像を切り替えられる様になっています。 これに対し、スワイプだけでなく、両サイドにボタンを設置し、それを押す事でも画像の切り替えが出来る様にしたいです。 ※ヤフオクでの出品詳細画像の切り替えと同じ様な機能です。 https://www.ec-cube.net/products/detail.php?product_id=804 EC-CUBE2 で取り扱っている上記の様なスライドショープラグインにてボタンでもスライド出来るプラグインが、EC-CUBE3 では見当たらないので直接実装しようと思うのですが、中々上手くいきません。 detail.twig内の、
ここの部分のイベントハンドラーを
.on('click', function())...等に変更するだけでは駄目でした。 ボタン画像の配置も非常に厄介なんですが、何とか解決出来ればと思っています。ご存知の方がいらっしゃいましたらアドバイス頂ければと存じます。 |
|
matchbou |
投稿日時: 2018/6/6 14:03
対応状況: −−−
|
一人前 登録日: 2018/3/19 居住地: 投稿: 130 |
Re: 詳細ページの商品画像一覧のスライド機能について slickのオプションでappendArrowsを使用すれば出来ませんか?
|
ゲスト |
投稿日時: 2018/6/6 14:37
対応状況: −−−
|
Re: 詳細ページの商品画像一覧のスライド機能について 商品詳細画面のdetail.twig内に、
このslick関数があり、arrows: の項目をtrueにしたらデフォルトのPrevious・nextボタンが出現しました。 なので、
をslick関数の中に追加し、使いたいアイコンをhtml表記で実装する事で、デフォルトボタンからアイコンに変更させる事が出来ました! 後はレイアウトの調整をすれば大丈夫そうです。何とか解決出来て良かったです、どうもありがとうございました。 |
|
スレッド表示 | 新しいものから | 前のトピック | 次のトピック | トップ |