返信先: テーマVOLLで商品画像サムネイルが大きくなる
フォーラム › テンプレート(テーマ) › テーマVOLLで商品画像サムネイルが大きくなる › 返信先: テーマVOLLで商品画像サムネイルが大きくなる
2018年7月25日 9:25 AM
#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 );