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

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

#85959

welcart
キーマスター

症状のほう確認いたしました。
次期バージョンにて修正させていただきますので、
お急ぎの場合は、以下のテンプレートを修正くださいませ。
原因としては、
Safari のメディアクエリの解釈が異なるために起きた不具合と見られます。

/お使いのテーマ(welcart_basic-voll)/js/wcct-itemsingle.js/

◆wcct-itemsingle.js 22行目あたり


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

});

を以下のように書き換えてください。


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

上記内容で、一度ご確認いただければと思います。
どうぞよろしくお願いいたします。