バージョン選択

フォーラム

メニュー

オンライン状況

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

サイト内検索

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

フロント機能

新規スレッドを追加する

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

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

デフォルトでは、フリックやマウスで画像を切り替えられますが、左右の矢印アイコンを表示して切り替えたり、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公式 Amazon Payプラグイン

統計情報

総メンバー数は83,292名です
総投稿数は107,751件です

投稿数ランキング

1
seasoft
7342
2
468
3217
3
AMUAMU
2712
4
nanasess
2288
5
umebius
2085
6
yuh
1789
7
red
1560
8
h_tanaka
1418
9
tsuji
957
10
fukap
907
11
mcontact
893
12
shutta
835
13
tao_s
794
14 ramrun 789
15 karin 689
16 sumida 641
17
homan
633
18 DELIGHT 572
19
patapata
502
20
flealog
485


ネットショップの壺

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

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