Фансибокс чудит, как поправить?

[seokotov]

Вывожу галерею миниатюрами на страницу в коде все ок и количество картинок соответствует добавленным. Но когда открывается fancybox то там миниатюры повторяются многократно

что с этим можно сделать может сталкивался кто?

[anadonam]

Не многократно и не произвольно - повторяется ровно 7 раз каждая
по любому где-то цикл 7 раз крутит

не видя что там в целом
даже не знаю что советовать куда лесть посмотреть, тем более при утверждении что у вас всё нормально

фенсибокс это скрипт который скачивается вроде а не берется извне ?
если сетуете что он - возьмите другую версию.

[seokotov]

Сообщение от anadonam

Не многократно и не произвольно - повторяется ровно 7 раз каждая
по любому где-то цикл 7 раз крутит

не видя что там в целом
даже не знаю что советовать куда лесть посмотреть, тем более при утверждении что у вас всё нормально

фенсибокс это скрипт который скачивается вроде а не берется извне ?
если сетуете что он - возьмите другую версию.

код шаблона на вывод <div class="carousel-item">
    <div class="g-px-5">
<figure class="u-block-hover g-pos-rel" style="border-radius:8px;overflow:hidden">
      <a href="[[+image]]" rel="gallery0101x" data-fancybox="gallery0101x" data-caption="[[+caption]]"><img rel="gallery0101x" class="img-fluid g-transition-0_5 d-block w-100" src="[[+image:pthumb=`w=825&h=550&zc=1`]]" alt="[[+caption]]">
    </figure>
</div>
    </div>

в самом коде html в итоге вот так

<div id="carouselExampleControls" class="carousel slide" data-ride="carousel" data-interval="false">
  <div class="carousel-inner">
      
                        <div class="carousel-item active">
    <div class="g-px-5">
<figure class="u-block-hover g-pos-rel" style="border-radius:8px;overflow:hidden">
      <a href="/assets/components/gallery/connector.php?action=web/phpthumb&amp;ctx=web&amp;w=960&amp;h=960&amp;zc=0&amp;far=&amp;q=90&amp;src=%2Fassets%2Fgallery%2F1%2F1.jpg" rel="gallery0101x" data-fancybox="gallery0101x" data-caption=""><img rel="gallery0101x" class="img-fluid g-transition-0_5 d-block w-100" src="/assets/components/gallery/connector.php?action=web/phpthumb&amp;ctx=web&amp;w=960&amp;h=960&amp;zc=0&amp;far=&amp;q=90&amp;src=%2Fassets%2Fgallery%2F1%2F1.jpg" alt="">
    </figure>
</div>
    </div>

<div class="carousel-item">
    <div class="g-px-5">
<figure class="u-block-hover g-pos-rel" style="border-radius:8px;overflow:hidden">
      <a href="/assets/components/gallery/connector.php?action=web/phpthumb&amp;ctx=web&amp;w=960&amp;h=960&amp;zc=0&amp;far=&amp;q=90&amp;src=%2Fassets%2Fgallery%2F1%2F2.jpg" rel="gallery0101x" data-fancybox="gallery0101x" data-caption=""><img rel="gallery0101x" class="img-fluid g-transition-0_5 d-block w-100" src="/assets/components/gallery/connector.php?action=web/phpthumb&amp;ctx=web&amp;w=960&amp;h=960&amp;zc=0&amp;far=&amp;q=90&amp;src=%2Fassets%2Fgallery%2F1%2F2.jpg" alt="">
    </figure>
</div>
    </div>

<div class="carousel-item">
    <div class="g-px-5">
<figure class="u-block-hover g-pos-rel" style="border-radius:8px;overflow:hidden">
      <a href="/assets/components/gallery/connector.php?action=web/phpthumb&amp;ctx=web&amp;w=960&amp;h=960&amp;zc=0&amp;far=&amp;q=90&amp;src=%2Fassets%2Fgallery%2F1%2F3.png" rel="gallery0101x" data-fancybox="gallery0101x" data-caption=""><img rel="gallery0101x" class="img-fluid g-transition-0_5 d-block w-100" src="/assets/components/gallery/connector.php?action=web/phpthumb&amp;ctx=web&amp;w=960&amp;h=960&amp;zc=0&amp;far=&amp;q=90&amp;src=%2Fassets%2Fgallery%2F1%2F3.png" alt="">
    </figure>
</div>
    </div>

<div class="carousel-item">
    <div class="g-px-5">
<figure class="u-block-hover g-pos-rel" style="border-radius:8px;overflow:hidden">
      <a href="/assets/components/gallery/connector.php?action=web/phpthumb&amp;ctx=web&amp;w=960&amp;h=960&amp;zc=0&amp;far=&amp;q=90&amp;src=%2Fassets%2Fgallery%2F1%2F4.jpg" rel="gallery0101x" data-fancybox="gallery0101x" data-caption=""><img rel="gallery0101x" class="img-fluid g-transition-0_5 d-block w-100" src="/assets/components/gallery/connector.php?action=web/phpthumb&amp;ctx=web&amp;w=960&amp;h=960&amp;zc=0&amp;far=&amp;q=90&amp;src=%2Fassets%2Fgallery%2F1%2F4.jpg" alt="">
    </figure>
</div>
    </div>

    
  </div>
  <a class=" carousel-control-prev" href="#carouselExampleControls" role="button" data-slide="prev">
    <span style="color:#02eea9!important;" class="arrowcolor carousel-control-prev-icon" aria-hidden="true"></span>
    <span class="sr-only">Previous</span>
  </a>
  <a class="arrowcolor carousel-control-next" href="#carouselExampleControls" role="button" data-slide="next">
    <span style="color:#02eea9!important;" class=" arrowcolor carousel-control-next-icon" aria-hidden="true"></span>
    <span class="sr-only">Next</span>
  </a>
</div>

а когда смотришь в инспекторе на сайте там есть повторения

[seokotov]

поставил последнюю версию fancybox но теперь понятно что это не он, так как та же самая картина
у меня есть другая галерея и там задвоений не происходит странная история

[anadonam]

Ды не, .в коде (приведенном) таких ошибок не бывает. нужно искать глубже.
по коду я лишь вижу что идут повторы, гоняется цикл.
а почему на каждой картинке 7 раз я не знаю.
у себя я бы вклеивал бы вариации проверочного кода на php и вылавливал бы ошибку, (как последний и неизбежный приём)

(обождем - может кто чего и подскажет
если нет, то на "форум php" зарегся спроси - мне иногда помогают. здесь то больше маркетинговое и seo направление. не писателям скучновато в таких дебрях копаться.)

Сообщение от seokotov

у меня есть другая галерея и там задвоений не происходит странная история

нуууу где то бяка да сидит.. часто бывает что надоже не только смотреть а еще и потыкать, чтобы найти её.
бестолковые советы давать типа - создай 3ю галерею и посмотри что будет ,....... а потом.......... не имеет смысла. такие вещи и самому в голову придут так быстро насколько сильно нужно сделать, и какими силами реализовать )

[seokotov]

как я понимаю там в теме инициация фансибокса происходит через core скрипт и он видимо косячит со стандартным выводом бутстрап карусельки
и там не все по 7 а всего 19 делает
7+7+5

    <script>
      $(document).on('ready', function () {
        // initialization of header
        $.HSCore.components.HSHeader.init($('#js-header'));
        $.HSCore.helpers.HSHamburgers.init('.hamburger');

        // initialization of MegaMenu
        $('.js-mega-menu').HSMegaMenu();

        // initialization of HSDropdown component
        $.HSCore.components.HSDropdown.init($('[data-dropdown-target]'), {
          afterOpen: function () {
            $(this).find('input[type="search"]').focus();
          }
        });

        // initialization of scroll animation
        $.HSCore.components.HSOnScrollAnimation.init('[data-animation]');

        // initialization of go to
        $.HSCore.components.HSGoTo.init('.js-go-to');

        // initialization of counters
        var counters = $.HSCore.components.HSCounter.init('[class*="js-counter"]');

        // initialization of carousel
        $.HSCore.components.HSCarousel.init('[class*="js-carousel"]');

        // initialization of popups
        $.HSCore.components.HSPopup.init('.js-fancybox');
      });

      $(window).on('load', function () {
        // initialization of sticky blocks
        setTimeout(function() { // important in this case
          $.HSCore.components.HSStickyBlock.init('.js-sticky-block');
        }, 1);
      });
    </script>

<script>
document.addEventListener('lazybeforeunveil', function(e){
    var bg = e.target.getAttribute('data-bg');
    if(bg){
        e.target.style.backgroundImage = 'url(' + bg + ')';
    }
});</script>

решение с js каруселькой фансибоксы показывает правильно
муть какая ужас

[anadonam]

мне не понять
я такое никогда не юзал.
(мой любимый стиль минимализм на сайтах и никакие JS, JQ не использую или по минималке для решения технических проблем, а не для красотей, но там проще сам делаешь и сам видишь чего лепишь )

я вот с циклами подобного рода бился лишь раз когда мне нужно было урл строку обработать через JS а передать выуженную переменную в php,, но так и не решил вопрос на 100% - сделал задачу другим более трудным в плане рутины способом....

[seokotov]

Сообщение от anadonam

мне не понять
я такое никогда не юзал.
(мой любимый стиль минимализм на сайтах и никакие JS, JQ не использую или по минималке для решения технических проблем, а не для красотей, но там проще сам делаешь и сам видишь чего лепишь )

я вот с циклами подобного рода бился лишь раз когда мне нужно было урл строку обработать через JS а передать выуженную переменную в php,, но так и не решил вопрос на 100% - сделал задачу другим более трудным в плане рутины способом....

ну бывает такое сайт не совсем мой и я бы тоже решения такого рода сам мутить бы не стал

[anadonam]

Сообщение от seokotov

не совсем мой

так не бывает.
или слово наш нужно употреблять. (например на работе, а сайт дядин)

[ziliboba0213]

Так в коде тег где-то не закрытый... Попробуйте атрибуты поудалять, может там чего кривое в них...

Ну это так, по тому, что я вижу в консоле. Так сложно определить...