[welcart]

こんにちは

上記を実装させるとなるとカスタマイズが必要となります。
ご自身でカスタマイズが難しいようでしたらWelcartレスキューをご利用くださいませ。

[welcart]

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

弊社、Windows7 の PC がなく症状を確認することができないのですが、
他のパソコン（Windows7 以外）で確認した場合は、
どのような表示になりますでしょうか。

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

[welcart]

こんにちは

失礼いたしました。
デモサイトのほう最新バージョンにアップグレードいたしました。
弊社でも IE11 にて確認いたしましたが、
上記のような症状とはなりませんでした。
ブラウザキャッシュを削除しても同じ症状になりますでしょうか。

また、Windows（OS） のバージョンもお教えいただけますか。

どうぞよろしくお願いいたします。

[welcart]

こんにちは

弊社側で確認させていただきましたが、
上記のような症状にはなりませんでした。

もしご自分での解決が難しい場合は、
レスキューナビまでご相談くださいませ。

[welcart]

ブラウザのキャッシュは削除いただけましたでしょうか。
ご確認お願いいたします。

[welcart]

こんにちは

上記の症状を確認いたしました。
次期バージョンにて修正させていただきますので、
お急ぎの場合は、お使いのテーマ内の以下のファイルを修正ください。

/themes/welcart_basic-nova/js/wcct-menu.js/

wcct-menu.js 35行目あたり

} else {
	var sitehead = $('.site-header');
	var sitehead_height = $('.site-header').height() + 'px';
	var sitemain = $('#main');
	var h_sitemain = $('.home #main');
	var conhsize = bodyhsize - sitehead.height();
	var winhsize = $(window).height();
	if( conhsize > winhsize ) {
		$(window).on('scroll', function() {
			if ( $(this).scrollTop() > 48 ) {
				sitehead.addClass('fixed');
				sitemain.css('margin-top', sitehead_height);
				h_sitemain.css('margin-top', 0);
			} else {
				sitehead.removeClass('fixed');
				sitemain.css('margin-top', 0);
			}
		});
	}
	$('.menu-item-has-children > a').append('<i class="fa fa-angle"></i>');
}

elseで条件分岐しているコードの中身を上記に書き換えてみてください。

どうぞよろしくお願いいたします。

[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 );

[welcart]

大変失礼いたしました。

welcart_basic-voll/js/wcct-itemsingle.js/

の7行目から13行目に記述してある

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

は削除せず、
14行目から37行目の

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

を上記に記したコードに修正いただければと思います。
どうぞよろしくお願いいたします。

[welcart]

こんにちは

Welcart VOLL のデモサイトでは、「WCEX Widget Cart」という拡張プラグインを導入しております。

ドキュメントのほうをご覧いただければと思います。
WCEX Widget Cart ドキュメント

[welcart]

こんにちは

弊社のほうで確認させていただきましたが、
上記の症状は確認できませんでした。

お使いのテーマのスタイルシートに以下のスタイルを追記して、
Closeボタンの位置を調整していただければと思います。

style.css 2823行目あたり

※「@media screen and (min-width: 1180px) {}」の
閉じタグの後に追記ください。

#swipebox-container #swipebox-close {
	top: 〇〇px;
	right: 〇〇px;
}

どうぞよろしくお願いいたします。

[welcart]

＞ wcct-itemsingle.js
＞ 14行目〜37行目までを削除し

とございますが、
14行目から20行目の

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

});

は削除しないでください。
あくまで、変更する箇所は22行目の

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

});

となります。

どうぞよろしくお願いいたします。

[welcart]

こんにちは

ご報告ありがとうございます。

dswdsw123456 様の仰るとおり、
.category-area a:hover img { width: 120%; }
が問題となっております。

次期バージョンにて修正させていただきますので、
style.css 2553行目の
.category-area a:hover img に適用されている「width: 120%;」を削除いただければと思います。

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

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

[welcart]

こんにちは

申し訳ございません。
症状が確認できませんでしたので、
上記で添付し忘れた画像をお送りいただけますでしょうか。

どうぞよろしくお願いいたします。

[welcart]

こんにちは

失礼いたしました。
詳細ページの記載についてですが、
正しくは「親テーマ「Welcart Basic」は必ず1.2.6 以降を利用してください。」
となります。
ですので、Welcart Basic は最新版をお使いいただければと思います。

どうぞよろしくお願いいたします。

[投稿者]

投稿