返信先: テーマVOLLで商品画像サムネイルが大きくなる

ホーム フォーラム テンプレート(テーマ) テーマVOLLで商品画像サムネイルが大きくなる 返信先: テーマVOLLで商品画像サムネイルが大きくなる

#86131

dswdsw123456
参加者

2018年7月3日 9:45 AM の 投稿を
見ていただけていますか?

ご質問させていただいた最初から

$('.slider-for').slick({
.....
});

上記は削除していません。

$('.slider-nav').slick({
.....
});

の箇所のみを
お教えいただいた内容に書き換えています。

何度もお伝えしていますが、
この編集を行うと
レビューが表示されなくなります。

商品画像を複数枚入れない状態(ギャラリー機能を使わない状態)だと
レビューは正しく動作するようですので、動作確認もれがあるのかもしれませんが、
お教えいただいた内容で問題がないか、もう一度ご確認下さい。

wcct-itemsingle.js編集後の全文は以下です。

( function( $ ) {

	$( window ).load( function() {
		
	/* wc_item_single.php */	
	
		$('.slider-for').slick({
			slidesToShow: 1,
			slidesToScroll: 1,
			arrows: false,
			fade: true,
			asNavFor: '.slider-nav'
		});
var userAgent = window.navigator.userAgent.toLowerCase();
if (userAgent.indexOf('safari') !== -1 && userAgent.indexOf('chrome') === -1){
	$('.slider-nav').slick({
		slidesToShow: 5,
		slidesToScroll: 1,
		asNavFor: '.slider-for',
		dots: false,
		arrows: false,
		centerMode: false,
		focusOnSelect: true,
		vertical: true,
		verticalSwiping: true,
		responsive: [{
			breakpoint: 1000,
			settings: {
				vertical: true,
				verticalSwiping: true,
			}
		}, {
			breakpoint: 637,
			settings: {
				vertical: false,
				verticalSwiping: false,
			}						
		}]
	});
}

$('.slider-nav').slick({
	slidesToShow: 5,
	slidesToScroll: 1,
	asNavFor: '.slider-for',
	dots: false,
	arrows: false,
	centerMode: false,
	focusOnSelect: true,
	vertical: true,
	verticalSwiping: true,
	responsive: [{
		breakpoint: 1000,
		settings: {
			vertical: true,
			verticalSwiping: true,
		}
	}, {
		breakpoint: 620,
		settings: {
			vertical: false,
			verticalSwiping: false,
		}						
	}]
});
		
		if ( 620 <= $(window).width() ) {
			var itemmain = document.getElementById('itemimg-main').clientHeight;		
			var itemsub = $('#itemimg-sub');
			itemsub.css('height', itemmain + 'px');
		}

		if( $('.tab-list').length ){
			$('.tab-list li:first,.tab-box:first').addClass('select');
			$('.tab-list li').click(function() {
				var num = $('.tab-list li').index(this);
				$('.tab-list li,.tab-box').removeClass('select');
				$(this).addClass('select');
				$('.tab-box').eq(num).addClass('select');
			});
		}

	} );

} )( jQuery );

よろしくお願いいたします。

Attachments:
You must be logged in to view attached files.