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

商品ページの自動スライドショーを停止する方法

Q.商品ページのスライドショーを停止したい

商品ページでは複数枚の商品画像を投稿した際に自動でスライドショーが設定されますが、これを停止して画像のクリックで表示を切り替える方法を教えてください。

A.下記のphpファイルの該当箇所を変更します

編集するファイル:header.php
編集する箇所:

<?php
     if(is_single() && get_post_type() == 'product') {
      global $post;
      if(get_post_meta($post->ID,'product_image1',true)){
?>
<script type="text/javascript" src="<?php bloginfo('template_url');
?>/js/jquery.nivo.slider.pack.js<?php version_num(); ?>"></script>
<link rel="stylesheet" href="<?php bloginfo('template_url');
?>/js/nivo-slider.css<?php version_num(); ?>" type="text/css" />
<script type="text/javascript">
jQuery(window).on('load',function() {
 jQuery('#product_image_slider').nivoSlider({
  effect:'fade',
  animSpeed:500,
  pauseTime:6000,
  manualAdvance:true,
  directionNav:false,
  controlNav:true,
  controlNavThumbs:true,
  afterLoad: function(){ jQuery('#loader').fadeOut(500); }
 });
});
</script>

※ハイライト部分の「manualAdvance:true,」を追加します。

関連記事

TCD LABO ご利用上の注意

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

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

お問合せ・ご要望

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