Clients addon

Hi,
I'm coming back on this issue. It appears that i occurs only on this website (https://www.lespoissonsduciel.fr/fr/). I tested on another webiste using same template and same extensions, and all is OK (FYI, 3rd party extensions on these websites are JCE, Akeeba Backup and RegularLab's Clean Cache, nothing else). So I reinstalled Barber and SP Page Builder on the website with issue. Nothing changed. Actually I reinstalled twice, once by Estensions > Manage > Install, and once manually by deleting and replacing in templates/barber and plugins/system/helixultimate.

I tried with another template to test if the issue comes from SP Page Builder or Barber. With Protostar, no issue. With another JoomShaper template, Maestro, no issue either.

I noticed that the JS error described in previous post wasn't here on the other website using Barber. So I checked .../templates/barber/js/main.js with the default file of Barber's template, no difference.

I checked in scripts and others stuff loaded in <head>. No major differences, except that there is no type="" on js and css links, and maybe more problematic, script src="/components/com_sppagebuilder/assets/js/sp_carousel.js" defer with no defer="defer".

Is this something linked to theme settings? I tried to export settings from the website which is OK to the website which doesn't work (in a template copy affected to a page with Clients addon), but slider is still not working.

I'm desperate. I really don't know what to do next. Joomla! cache isn't activated. Both sites are on the same server, in separate folders, so with same settings. Could you help me to solve the issue?

Best regards.

More investigations but still no idea to solve the issue.
On a test page, content of <head> is exactly the same between Barber and Maestro, except, of course, the name of the template. But the item itself is quite different.

Barber

<div id="sppb-addon-1678283126062" class="clearfix ">
    <div class="sppb-addon sppb-addon-clients sppb-text-left sppb-carousel-extended" data-arrow="1" data-left-arrow="fa-angle-left" data-right-arrow="fa-angle-right" data-dots="1" data-autoplay="1" data-speed="2000" data-interval="3500" data-margin="20" data-item-number="4" data-item-number-sm="3" data-item-number-xs="2">
        <div class="sppb-carousel-extended-item">
            <img class="sppb-img-responsive sppb-addon-clients-image" src="/images/2023/03/06/generalweb.jpg" alt="client 7" loading="lazy">
        </div>
        <div class="sppb-carousel-extended-item">
            <img class="sppb-img-responsive sppb-addon-clients-image" src="/images/2023/03/06/logo-region-hauts-de-france-1.jpg" alt="client 6" loading="lazy">
        </div>
        <div class="sppb-carousel-extended-item">
            <img class="sppb-img-responsive sppb-addon-clients-image" src="/images/2023/03/06/logooise.jpg" alt="client 8" loading="lazy">
        </div>
        <div class="sppb-carousel-extended-item"><a target="_blank" rel="noopener noreferrer" href="https://france3-regions.francetvinfo.fr/hauts-de-france/">
        <img class="sppb-img-responsive sppb-addon-clients-image" src="/images/2023/03/06/ccso-1.jpg" alt="Client 3" loading="lazy"></a></div>
        <div class="sppb-carousel-extended-item"><a target="_blank" rel="noopener noreferrer" href="https://france3-regions.francetvinfo.fr/hauts-de-france/">
        <img class="sppb-img-responsive sppb-addon-clients-image" src="/images/2023/03/04/france-3-picardieweb.jpg" alt="Client 1" loading="lazy"></a></div>
        <div class="sppb-carousel-extended-item">
            <img class="sppb-img-responsive sppb-addon-clients-image" src="/images/2023/03/06/oise3.jpg" alt="Client 2" loading="lazy">
        </div>
    </div>
</div>

Maestro

<div id="sppb-addon-1678283126062" class="clearfix ">
    <div class="sppb-addon sppb-addon-clients sppb-text-left sppb-carousel-extended" data-arrow="1" data-left-arrow="fa-angle-left" data-right-arrow="fa-angle-right" data-dots="1" data-autoplay="1" data-speed="2000" data-interval="3500" data-margin="20" data-item-number="4" data-item-number-sm="3" data-item-number-xs="2">
        <div class="sppb-carousel-extended-list">
            <div class="sppb-carousel-extended-outer-stage" style="transition: all 2000ms ease 0s; transform: translate3d(-1415px, 0px, 0px); width: 4245px;">
                <div class="sppb-carousel-extended-item clone" style="width: 333.75px; margin-right: 20px;"><a target="_blank" rel="noopener noreferrer" href="https://france3-regions.francetvinfo.fr/hauts-de-france/">
                <img class="sppb-img-responsive sppb-addon-clients-image" src="/images/2023/03/06/ccso-1.jpg" alt="Client 3" loading="lazy"></a></div>
                <div class="sppb-carousel-extended-item clone" style="width: 333.75px; margin-right: 20px;"><a target="_blank" rel="noopener noreferrer" href="https://france3-regions.francetvinfo.fr/hauts-de-france/">
                <img class="sppb-img-responsive sppb-addon-clients-image" src="/images/2023/03/04/france-3-picardieweb.jpg" alt="Client 1" loading="lazy"></a></div>
                <div class="sppb-carousel-extended-item clone" style="width: 333.75px; margin-right: 20px;">
                    <img class="sppb-img-responsive sppb-addon-clients-image" src="/images/2023/03/06/oise3.jpg" alt="Client 2" loading="lazy">
                </div>
                <div class="sppb-carousel-extended-item" style="width: 333.75px; margin-right: 20px;">
                    <img class="sppb-img-responsive sppb-addon-clients-image" src="/images/2023/03/06/generalweb.jpg" alt="client 7" loading="lazy">
                </div>
                <div class="sppb-carousel-extended-item active" style="width: 333.75px; margin-right: 20px;">
                    <img class="sppb-img-responsive sppb-addon-clients-image" src="/images/2023/03/06/logo-region-hauts-de-france-1.jpg" alt="client 6" loading="lazy">
                </div>
                <div class="sppb-carousel-extended-item active" style="width: 333.75px; margin-right: 20px;">
                    <img class="sppb-img-responsive sppb-addon-clients-image" src="/images/2023/03/06/logooise.jpg" alt="client 8" loading="lazy">
                </div>
                <div class="sppb-carousel-extended-item active" style="width: 333.75px; margin-right: 20px;"><a target="_blank" rel="noopener noreferrer" href="https://france3-regions.francetvinfo.fr/hauts-de-france/">
                <img class="sppb-img-responsive sppb-addon-clients-image" src="/images/2023/03/06/ccso-1.jpg" alt="Client 3" loading="lazy"></a></div>
                <div class="sppb-carousel-extended-item active" style="width: 333.75px; margin-right: 20px;"><a target="_blank" rel="noopener noreferrer" href="https://france3-regions.francetvinfo.fr/hauts-de-france/">
                <img class="sppb-img-responsive sppb-addon-clients-image" src="/images/2023/03/04/france-3-picardieweb.jpg" alt="Client 1" loading="lazy"></a></div>
                <div class="sppb-carousel-extended-item" style="width: 333.75px; margin-right: 20px;">
                    <img class="sppb-img-responsive sppb-addon-clients-image" src="/images/2023/03/06/oise3.jpg" alt="Client 2" loading="lazy">
                </div>
                <div class="sppb-carousel-extended-item clone" style="width: 333.75px; margin-right: 20px;">
                    <img class="sppb-img-responsive sppb-addon-clients-image" src="/images/2023/03/06/generalweb.jpg" alt="client 7" loading="lazy">
                </div>
                <div class="sppb-carousel-extended-item clone" style="width: 333.75px; margin-right: 20px;">
                    <img class="sppb-img-responsive sppb-addon-clients-image" src="/images/2023/03/06/logo-region-hauts-de-france-1.jpg" alt="client 6" loading="lazy">
                </div>
                <div class="sppb-carousel-extended-item clone" style="width: 333.75px; margin-right: 20px;">
                    <img class="sppb-img-responsive sppb-addon-clients-image" src="/images/2023/03/06/logooise.jpg" alt="client 8" loading="lazy">
                </div>
            </div>
        </div>
        <div class="sppb-carousel-extended-nav-control"><span class="next-control nav-control"><i class="fa fa-angle-right" aria-hidden="true"></i></span><span class="prev-control nav-control"><i class="fa fa-angle-left" aria-hidden="true"></i></span></div>
        <div class="sppb-carousel-extended-dots">
            <ul>
                <li class="sppb-carousel-extended-dot-0 active" style="transition: all 0.5s ease 0s;"><span class="sppb-carousel-extended-dot-indicator" style="transition-duration: 1500ms;"></span></li>
                <li class="sppb-carousel-extended-dot-1" style="transition: all 0.5s ease 0s;"><span class="sppb-carousel-extended-dot-indicator"></span></li>
            </ul>
        </div>
    </div>
</div>

FYI, image slider addon does not work either.

Fun fact, when I enable debug in Global Configuration > System > Debug System: Yes, there is no issue anymore. But when I revert to No, problem comes back :-( . So, it's a jquery issue in /media/jui/js/, but I don't know how to regenerate version (numbers after ? after file name).

Hi Joomshaper! My question was posted almost 1 week ago and still no answer. I asked by chat when someone could have a look on it and I was answered "as soon as possible"... I think I gave quite an extensive description of the issue and also, at first steps, credentials to investigate in backend. Meanwhile, client is quite in a hurry to have this fixed. Can I hope to have some informations from you?

Thanks Ofi. It works.
Best regards.