WordPressテーマTCDのカスタマイズを研究するサイト

TCDテーマPrecious:商品詳細ページスライダーのエフェクト・切り替えスピードを変更する方法

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:〇,
 });

※●は「アニメーションの速度」、〇は「画像の停止時間」です。任意の数値(ミリ秒)に変更してください。

この記事は役に立ちましたか?
もし参考になりましたら、下のボタンで教えてください。
今後の記事作成の参考とさせて頂きます!

0

TCD LABO ご利用上の注意

TCD LABO(ティーシーディー・ラボ)に掲載しているTCDテーマのカスタマイズ情報のご利用にあたっては、必ずカスタマイズするファイルのバックアップをご用意の上、ご利用者様責任において実施していただきますようお願いいたします。

カスタマイズの実施により生じたいかなる不具合等についてもTCD LABOはその責任を負いかねます。
何卒ご理解、ご了承の上、当サイトをご活用いただけますようお願い申し上げます。

お問合せ・ご要望

TCDLaboへのお問合せやご要望は
ご連絡フォーム をご利用ください。