バージョン選択

フォーラム

メニュー

オンライン状況

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

サイト内検索

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

フロント機能

新規スレッドを追加する

スレッド表示 | 古いものから 前のトピック | 次のトピック | 下へ
投稿者 スレッド
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プラグイン

統計情報

総メンバー数は88,288名です
総投稿数は109,688件です

投稿数ランキング

1
seasoft
7365
2
468
3217
3
AMUAMU
2712
4
nanasess
2303
5
umebius
2085
6
yuh
1818
7
h_tanaka
1610
8
red
1567
9
mcontact
1240
10
tsuji
958
11
fukap
907
12
shutta
835
13
tao_s
796
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.