[dswdsw123456]

ご回答ありがとうございました。

ワードプレスのカスタマイズに
登録した順にソートするのは不可能なようですね

お教えいただいたように、
プラグインを使うか、カスタムフィールドを使うかで
スライドごと変えた方が早そうですね

その他、
画像タイトルでソートという方法も考えられます。
また試してみたいと思います。

[dswdsw123456]

問題解決いたしました。
ありがとうございます。

[dswdsw123456]

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

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

Attachments:

You must be logged in to view attached files.

[dswdsw123456]

教えていただいた内容は、
以下のエラーが発生します。

・商品ページのレビューが表示されなくなります。
・slick.min.jsでエラーがでます。

解決方法をお教えいただけますよう
お願い申し上げます。

[dswdsw123456]

拡張プラグインを購入する必要があるということですね。

デモサイトとその資料を拝見して
テーマの標準機能と思いました。

理解いたしました。

[dswdsw123456]

ご回答ありがとうございます。
確かに
デモサイトでは、背面のリンクが
ライトボックスの閉じるボタンに影響することは無いようなのです。

テーマを全て編集前に戻しても
同じ状況が起こるため原因が不明です。

また、デモページでも
スマホで画像以外の部分をクリックして
ライトボックスを閉じることが出来ないので

システム設定のrel属性編集で
他のライトボックスプラグインを使用いたします。

[dswdsw123456]

ご回答、ありがとうございます。

お教えいただいた方法を試しましたが
変化は無く、状況が改善されませんでした。

現在、
header.phpのトグル部分を
下記のようにして対応しております。
<a id ="menu-trigger" href="#menu-trigger" class="menu-trigger">

他に良い解決方法があればお教えください。
よろしくお願いいたします。

[dswdsw123456]

環境による改行の違いでしょうか？
こちらで確認している下記のファイルは

welcart_basic-voll/js/wcct-itemsingle.js/
の1行目から13行目は

( function( $ ) {

	$( window ).load( function() {
		
	/*　wc_item_single.php　*/	
	
		$('.slider-for').slick({
			slidesToShow: 1,
			slidesToScroll: 1,
			arrows: false,
			fade: true,
			asNavFor: '.slider-nav'
		});

となっています。
その次の行の

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

});

上記箇所を、お教えいただいた内容に書き換えています。

前回質問させていただいた
エラーが発生します。

ご回答をよろしくお願いいたします。

[dswdsw123456]

お教えいただいた方法で、
問題ないようです。

ありがとうございました。

[dswdsw123456]

IOS11.4 / Safari
で、メインメニュー
トグルボタンの反応が悪いようです。

VOLLのデモページでも確認できているのですが
スクロール後、ヘッダーが表示された際
何度かクリックしないと反応しません。

現在制作中のサイトでも
後ろに配置されている要素か、
スクロールの位置によってかは
わかりませんが
トグルボタンが機能しない場合があります。

大変困っております。
ご回答をよろしくお願いいたします。

[dswdsw123456]

問題解決と思われたのですが

他でエラーがでてしまいますので
もう一度ご質問いたします。

教えていただいた内容を変更すると

TypeError: null is not an object
が出るのと
レビュー表示ができなくなります。

以下の編集を行いました。
編集方法が間違っている場合は、ご指摘ください。

wcct-itemsingle.js
14行目〜37行目までを削除し
＞以下のように書き換えてください。
の内容をペースト

で問題ないでしょうか？

[dswdsw123456]

お教えいただいた内容で、
問題が解決いたしました。

大変助かりました。
ありがとうございます。

[dswdsw123456]

ありがとうございます。

お教えいただいた方法を試したのですが
改善しませんでした。

代わりに、

img { width:100%; }

を加えると、ズレが発生しないようです。
この追加による他への問題はありませんか？

その他、

style.css 2553行目の

.category-area a:hover img { width: 120%; }

も気になります。
こちらは機能していますか？

ご回答よろしくお願いいたします。

[dswdsw123456]

画像ファイルサイズエラーのため
もう一度画像をお送りいたします。

Attachments:

You must be logged in to view attached files.

[dswdsw123456]

スクリーンショットpngだと
うまく添付できないようですね。
jpgを添付します。

テーマVOLLデモページ下記URLで
スクリーンショットしています。
https://themes.welcart.info/basic-voll/?p=528

ご確認よろしくお願いいたします。

Attachments:

You must be logged in to view attached files.

[投稿者]

投稿