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

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

#86136

welcart
キーマスター

ご連絡が遅くなり申し訳ございません。

大変失礼いたしました。
上記症状を確認させていただきました。

お使いの「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,
					}						
				}]
			});
		} else {

			$('.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 );