バージョン選択

フォーラム

メニュー

オンライン状況

32 人のユーザが現在オンラインです。 (15 人のユーザが フォーラム を参照しています。)
登録ユーザ: 0
ゲスト: 32
もっと...

サイト内検索

質問 > フロント機能 > 商品詳細の商品写真スライドのカスタマイズ

フロント機能

新規スレッドを追加する

スレッド表示 | 新しいものから 前のトピック | 次のトピック | 下へ
投稿者 スレッド
robjhonjp
投稿日時: 2021/6/19 17:26
対応状況: −−−
半人前
登録日: 2019/3/21
居住地:
投稿: 13
商品詳細の商品写真スライドのカスタマイズ
お世話になっております。

商品詳細の商品画像スライドをカスタマイズしたいです。

デフォルトでは、フリックやマウスで画像を切り替えられますが、左右の矢印アイコンを表示して切り替えたり、PCサイズでもドットを表示したり、オートスクロールしたりカスタマイズしたいです。

default_frame.twigを見る限り、「slick」を使っていると思い、下記のようなオプションをjavascript管理に設定しましたが、反映されませんでした。

ご教授よろしくお願いします。




■javascript
$('.slide-item').slick({
autoplay: true,
autoplaySpeed: 3000,
dots: true,
arrows: true,
});


■商品詳細の該当部分

{% for ProductImage in Product.ProductImage %}
<div class="slide-item"><img src="{{ asset(ProductImage, 'save_image') }}"></div>
{% else %}
<div class="slide-item"><img src="{{ asset(''|no_image_product, 'save_image') }}"/></div>
{% endfor %}




▼テンプレート
[EC-CUBE4]新規インストール
[レンタルサーバ]エックスサーバー
[OS]WIN10
[PHP]7.4.13
[データベース]MySQL 5.7.30
[WEBサーバ]Apache
[ブラウザ]FireFox、Chrome、safari
[導入プラグインの有無]関連商品プラグイン、おすすめ商品管理プラグイン、商品レビュー管理プラグイン
[カスタマイズの有無]特になし
スレッド表示 | 新しいものから 前のトピック | 次のトピック | トップ


 



ログイン


EC-CUBEペイメント

公式ストアEC-CUBE4系デザインテンプレート続々リリース中

統計情報

総メンバー数は73,062名です
総投稿数は102,118件です

投稿数ランキング

1
seasoft
7333
2
468
3078
3
AMUAMU
2712
4
nanasess
2176
5
umebius
2030
6
yuh
1612
7
red
1453
8
h_tanaka
1090
9
tsuji
936
10
fukap
907
11
shutta
835
12
tao_s
793
13 ramrun 789
14 karin 689
15 sumida 641
16
homan
633
17 DELIGHT 572
18
patapata
502
19
flealog
485
20 tonton 437


ネットショップの壺

EC-CUBEインテグレートパートナー

Copyright© EC-CUBE CO.,LTD. All Rights Reserved.