スライダーでエラーとなる

VWSとは フォーラム Lightning スライダーでエラーとなる

スライダーでエラーとなる

  • このトピックには11件の返信、3人の参加者があり、最後にVektor,Incにより5ヶ月前に更新されました。
12件の投稿を表示中 - 1 - 12件目 (全12件中)
  • 投稿者
    投稿
  • #53414

    masako.s
    参加者

    投稿前に以下の点を確認ください

    ■ 症状が発生するブラウザ :chrome

    ■ 利用テーマとバージョン :Lightningバージョン: 14.4.2 Lightning G3 Pro Unit

    ■ 質問内容:
    いつもお世話になっております。
    スライダーを下記の設定で使っています。

    スライダーアイテム
    ・スライダーアイテムエリア内の余白をなくす
    ・カバー
    ・縦→中央
    画像
    ・フルサイズ100%
    ・横→中央
    lightningデザイン設定
    ・サイトコンテントの上下余白を無しにする
    ・ヘッダーを透過
    ・ページヘッダーを表示しない
    ・パンくずリストを表示しない

    問題なく表示されますが、編集画面で「このブロックには、想定されていないか無効なコンテンツが含まれています」と表示されてしまいます。
    ブロックのリカバリーを試行ボタンをクリックすると、回復しますが再び設定しないといけません。
    エラーにならない様に出来ませんでしょうか。

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

    #53416

    Vektor,Inc
    キーマスター

    もし可能でしたら、エラーが出る編集画面で、ブラウザの検証ツールから、コンソール内になにかエラーがでているか確認できますか?
    といいますのも、わたしの環境ではエラーが確認できず、エラー画面のキャプチャなど添付いただけますと嬉しいです。

    コンソールによるJavascriptのエラー表示方法

    ▼追記
    VK Blocks Proのバージョンはいくつのものをご利用でしょうか?

    • この返信は5ヶ月、 1週前にVektor,Incが編集しました。
    • この返信は5ヶ月、 1週前にVektor,Incが編集しました。
    #53421

    masako.s
    参加者

    お返事ありがとうございます。
    バージョン 1.8.1 です。
    その他、更新は全て最新です。

    コンソールとは添付で良いのでしょうか?
    ご確認のほど宜しくお願い致します。

    Attachments:
    You must be logged in to view attached files.
    #53424

    Vektor,Inc
    キーマスター

    添付ありがとございます。

    すみませんがもう一点、よろしいでしょうか。
    スライダーブロックの右側の3点メニューから「HTMLとして編集」で、
    HTML表示させて該当部分のhtmlをコピーしてテキストデータを貼り付けることはできますか?

    Attachments:
    You must be logged in to view attached files.
    #53490

    masako.s
    参加者

    大変お待たせいたしました。
    添付でお送りしますのでご確認ください。

    お手数をおかけしますが。どうぞよろしくお願い致します。

    #53491

    masako.s
    参加者

    何度もすみません。エラーとなりましたので再送します。
    URLの部分は相対パスに変更しましたが、絶対パスで書かれていました。

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

    Attachments:
    You must be logged in to view attached files.
    #53494

    DRILL LANCER
    モデレーター
    
    <!-- wp:vk-blocks/slider {"clientId":"c220d71e46ef495694dbf07112711913"} -->
    <div class="wp-block-vk-blocks-slider swiper-container vk_slider vk_slider_c220d71e46ef495694dbf07112711913 vk_width" data-vkb-slider="{&quot;autoPlay&quot;:true,&quot;autoPlayDelay&quot;:2500,&quot;pagination&quot;:true,&quot;clientId&quot;:&quot;c220d71e46ef495694dbf07112711913&quot;,&quot;width&quot;:&quot;&quot;,&quot;loop&quot;:true,&quot;effect&quot;:&quot;slide&quot;,&quot;speed&quot;:500,&quot;slidesPerView&quot;:1,&quot;slidesPerGroup&quot;:1}"><div class="swiper-wrapper"><!-- wp:vk-blocks/slider-item {"clientId":"ab6fe3e1-064d-42d5-903c-801e5029df0d"} -->
    	<div class="wp-block-vk-blocks-slider-item vk_slider_item swiper-slide vk_valign-center vk_slider_item-ab6fe3e1-064d-42d5-903c-801e5029df0d  vk_slider_item-paddingLR-none vk_slider_item-paddingVertical-none"><style>.vk_slider_item-ab6fe3e1-064d-42d5-903c-801e5029df0d{background: linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)); background-repeat:repeat!important; background-position:center!important;}</style><div class="vk_slider_item_container container"></div></div>
    	<!-- /wp:vk-blocks/slider-item --></div><div class="swiper-button-next"></div><div class="swiper-button-prev"></div><div class="swiper-pagination"></div></div><style type="text/css">@media (max-width: 576px) {
    			.vk_slider_c220d71e46ef495694dbf07112711913,
    			.vk_slider_c220d71e46ef495694dbf07112711913 .vk_slider_item{
    				height:600px!important;
    			}
    		}
    		@media (min-width: 577px) and (max-width: 768px) {
    			.vk_slider_c220d71e46ef495694dbf07112711913,
    			.vk_slider_c220d71e46ef495694dbf07112711913 .vk_slider_item{
    				height:600px!important;
    			}
    		}
    		@media (min-width: 769px) {
    			.vk_slider_c220d71e46ef495694dbf07112711913,
    			.vk_slider_c220d71e46ef495694dbf07112711913 .vk_slider_item{
    				height:600px!important;
    			}
    		}</style>
    	<!-- /wp:vk-blocks/slider -->

    上記のように上下のコメントも添えていただかないと正常に検証できません。
    あと、コードはそのままご提供いただかなければ正常に検証できません。
    上記を踏まえてもう一度よろしくおねがいします。

    #53495

    masako.s
    参加者

    相対パスと絶対パス以外はそのままで、案内の通りに送ったつもりなのですが・・・
    理解できずすみません。

    改善されることを祈っておきます。

    #53497

    DRILL LANCER
    モデレーター

    私が要求しているのは下記の状態のコードです。

    • コードに一切手を加えていないもの
    • 範囲は<!-- wp:vk-blocks/slider {(ここが重要だが省略)} -->で始まり<!-- /wp:vk-blocks/slider -->で終わる
    • この返信は5ヶ月前にDRILL LANCERが編集しました。
    #53504

    masako.s
    参加者

    お世話になります。
    slider-errer.pngの通りにHTML表示させたんですが・・・削除したのは絶対参照<https://〇〇.comの部分のみでして・・・
    試しにもう一度新たにスライダーを設置しても<div~~~からスタートします。

    改善されたら良いなと思っただけなのですが、私の使い方が悪い様です。
    また様子を見ます。
    お手数おかけしました。ありがとうございます。

    #53543

    DRILL LANCER
    モデレーター

    えーと、まず下記を読んで指定した方法で共有願いますでしょうか?

    フォーラム・エラー共有方法

    #53544

    Vektor,Inc
    キーマスター

    masako.sさま

    お世話になっております。
    大変申し訳ございません、当初のわたしの案内が間違っておりました、、、。

    DRILL LANCERさんの共有していただいたフォーラム・エラー共有方法をご確認いただき、そちらを共有していただけますでしょうか。

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

    • この返信は5ヶ月前にVektor,Incが編集しました。
    • この返信は5ヶ月前にVektor,Incが編集しました。
12件の投稿を表示中 - 1 - 12件目 (全12件中)
  • このトピックに返信するにはログインが必要です。