Q.商品詳細ページスライダーの切り替えエフェクト・スピードを変更したい
A.下記のphpファイルの該当箇所を編集します
1. 切り替えエフェクトを変更する
編集するファイル:header.php
編集する箇所:102行目付近
jQuery('#product_image_slider').nivoSlider({
//effect:'sliceDown',
});
↓ コメントアウト「//」を外し、「sliceDown」部分を変更してください。
jQuery('#product_image_slider').nivoSlider({
effect:'sliceDown',
});
※設定できるエフェクト(sliceDown部分)は下記の記事をご参照くださいませ。(外部サイト)
Nivo Sliderの使い方
2. 切り替えスピードを変更する
編集するファイル:header.php
編集する箇所:103行目付近
jQuery('#product_image_slider').nivoSlider({
//effect:'sliceDown',
animSpeed:500,
pauseTime:5000,
});
↓
jQuery('#product_image_slider').nivoSlider({
effect:'sliceDown',
animSpeed:●,
pauseTime:〇,
});
※●は「アニメーションの速度」、〇は「画像の停止時間」です。任意の数値(ミリ秒)に変更してください。
この記事は役に立ちましたか?
もし参考になりましたら、下のボタンで教えてください。
今後の記事作成の参考とさせて頂きます!