dswdsw123456

投稿の際は下記の情報をお書き添えください。
-------------------------------------------
WordPress のバージョン:(例 6.0.2)
Welcart のバージョン:(例 2.8.1)
PHP のバージョン:(例 8.0)
Welcart専用の拡張プラグインとバージョン:(例 DL Seller 3.4.1、SKU Select 1.4.2)
ご利用の親テーマとバージョン :(例 Welcart Basic 1.7.1)
ご利用の子テーマとバージョン :(例 Welcart Beldad 1.4)
症状を確認したブラウザ:
サーバー【重要】:(会社名、サービス名)
--------------------------------------------

フォーラムへの返信

15件の投稿を表示中 - 1 - 15件目 (全27件中)
  • 投稿者
    投稿
  • 返信先: スライドショーの表示順について #86669
    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でエラーがでます。

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

    返信先: カート内の表示設定について #86044
    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.
15件の投稿を表示中 - 1 - 15件目 (全27件中)