返信先: テーマVOLLで商品画像サムネイルが大きくなる
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 );よろしくお願いいたします。
PAGE TOP