ꦫꦣꦺꦤ꧀ꦄꦤ꧀ꦠꦱꦺꦤ

PATH: home / lab2454c / costbloc.com / public / dist / js / custom / site

"use strict";

var myCustomSlider = document.querySelectorAll('.mySwiper');

for( let i=0; i< myCustomSlider.length; i++ ) {

myCustomSlider[i].classList.add('mySwiper-' + i);

if ( $('.mySwiper-' + i).find('.swiper-slide').length == 1 ) {
            options = {
                loop: false,
                autoplayDisableOnInteraction: false,
                pagination: '.swiper-pagination',
                allowTouchMove:false,
                paginationClickable: true,
                navigation: {
                    nextEl: ".swiper-button-next",
                    prevEl: ".swiper-button-prev",
                    disabledClass:'swiper-button-disabled'
                  }
            }
        } else {
            options = {
                effect: 'fade',
                spaceBetween: 30,
                centeredSlides: true,
                direction: 'horizontal',
                loop: true,
                autoplay: {
                  delay: 4500,
                  disableOnInteraction: false,
                },
                allowTouchMove:false,
                pagination: {
                  el: ".swiper-pagination",
                  clickable: true,
                },
                navigation: {
                  nextEl: ".swiper-button-next",
                  prevEl: ".swiper-button-prev",
                },
            }

}
        var swiper = new Swiper('.mySwiper-' + i, options);
}

(function() {
    document.querySelectorAll('.slider').forEach(function(slider){

let card = slider.querySelectorAll('.card');
      let cards = slider.querySelector('.cards');
      let img = slider.querySelectorAll('.img');
      let currentSlide = 0;
      let transition = window.innerWidth;

cards.addEventListener('click', function(e) {

let element = e.target;

if (element.classList.contains('btn--prev') && !(currentSlide == 0)) {
          img[currentSlide].classList.remove('active');
          currentSlide--;
          img[currentSlide].classList.add('active');
        }

if (element.classList.contains('btn--next') && !(currentSlide == card.length - 1)) {
          img[currentSlide].classList.remove('active');
          currentSlide++;
          img[currentSlide].classList.add('active');
        }

cards.style.transform = `translate3d(${(transition * currentSlide)}px, 0, 0)`;
        cards.style.transition = '1s';
      });

window.addEventListener('resize', function(cards) {
        transition = window.innerWidth;
        cards.style.transform = `translate3d(${(transition * currentSlide)}px, 0, 0)`;
        cards.style.transition = 0;
      });

});
  }());

// Bottom nav start
var slideIndex = 1;

function plusSlides(n) {
    showSlides(0);
}

function currentSlides(n) {
    showSlides((slideIndex = n));
}

var slideIndex = 0;

let timeoutHandle;

// Bottom nav end

var slideIndexs = 1;

function plusSlidess(p) {
    showSlidess((slideIndexs += p));
}

function currentSlide(p) {
    showSlidess((slideIndexs = p));
}

function Tabs(options) {
    var tabs = document.querySelector(options.el);
    var initCalled = false;
    var tabNavigation = tabs.querySelector(".c-tabs-nav");
    var tabNavigationLinks = tabs.querySelectorAll(".c-tabs-nav__link");
    var tabContentContainers = tabs.querySelectorAll(".c-tab");
    var marker = options.marker ? createNavMarker() : false;
    var activeIndex = 0;

function init() {
        if (!initCalled) {
            initCalled = true;

for (var i = 0; i < tabNavigationLinks.length; i++) {
                var link = tabNavigationLinks[i];
                clickHandlerSetup(link, i);
            }

if (marker) {
                setMarker(tabNavigationLinks[activeIndex]);
            }
        }
    }

function clickHandlerSetup(link, index) {
        link.addEventListener("click", function (e) {
            e.preventDefault();
            goToTab(index);
        });
    }

function goToTab(index) {
        if (
            index >= 0 &&
            index != activeIndex &&
            index <= tabNavigationLinks.length
        ) {
            tabNavigationLinks[activeIndex].classList.remove("is-active");
            tabNavigationLinks[index].classList.add("is-active");

tabContentContainers[activeIndex].classList.remove("is-active");
            tabContentContainers[index].classList.add("is-active");

if (marker) {
                setMarker(tabNavigationLinks[index]);
            }

activeIndex = index;
        }
    }

function createNavMarker() {
        var marker = document.createElement("div");
        marker.classList.add("c-tab-nav-marker");
        tabNavigation.appendChild(marker);
        return marker;
    }

function setMarker(element) {
        marker.style.left = element.offsetLeft + "px";
        marker.style.width = element.offsetWidth + "px";
    }

return {
        init: init,
        goToTab: goToTab,
    };
}

const iniTabs = () => {
    document.querySelectorAll(".p_tabs").forEach((tab) => {
        var m = new Tabs({
            el: "#" + tab.id,
            marker: true,
        });

m.init();
    });
};

iniTabs();

$(document).ready(function () {
    /* Big cards slider */
    $(".slider-big-cards").slick({
        arrows: false,
        dots: false,
        infinite: true,
        initialSlide: 0.5,
        slidesToScroll: 1,
        slidesToShow: 7,
    });
});

var slideInd = 0;

const sliderInitiate = () => {
    $(".sidebar_slider").each(function () {
        var slideInd = 0;

var main = $(this).find(".builder_slider").get();
        builderSlider();

sliderInitiate();

/**
 * Ajax product load
 */

var ajaxLoadedArray = [];

$.fn.isInViewport = function () {
    if (this.length == 0) {
        return false;
    }
    return this[0].getBoundingClientRect().top < $(window).height();
};

function startInitialLoad() {
    if ($(".has-ajax-load-data").length == 0) {
        return;
    }
    $(".has-ajax-load-data").each(function() {
        let button = this;

let cid = $(button).data("component");

if (ajaxLoadedArray.includes(cid)) {
            return;
        }

ajaxLoadedArray.push(cid);

$.ajax(ajaxLoadUrl + `?component=${cid}`, {
            type: "GET", // http method
            dataType: "json",
            data: {},
            success: function (data, status, xhr) {
                ajaxProductLoaded(button, data);
            },
            error: function (jqXhr, textStatus, errorMessage) {
            }
        });
    })
}

function ajaxProductLoaded(dom, data) {
    $(dom).parent().html(data.response.records.html);
}

startInitialLoad();

[-] checkout.js [edit]
[-] be-seller.min.js [edit]
[-] res-filter.min.js [edit]
[-] sign_up.js [edit]
[-] wishlist.min.js [edit]
[-] filter.min.js [edit]
[-] home.js [edit]
[-] notification-popup.js [edit]
[-] order-track.js [edit]
[-] notification-popup.min.js [edit]
[-] wishlist.js [edit]
[-] description-tabs.js [edit]
[-] vendor-profile.js [edit]
[-] seller-registration.min.js [edit]
[-] formatting.min.js [edit]
[-] product-details.js [edit]
[+] ..
[-] cart.min.js [edit]
[-] be-seller.js [edit]
[-] animation.min.js [edit]
[-] product-view.min.js [edit]
[-] address.js [edit]
[-] lang.js [edit]
[-] alpine.js [edit]
[-] product-details.min.js [edit]
[-] common.min.js [edit]
[-] res-filter.js [edit]
[-] order-track.min.js [edit]
[-] common.js [edit]
[-] drawer.js [edit]
[-] seller.min.js [edit]
[-] settings.js [edit]
[-] checkout.min.js [edit]
[-] coupon.js [edit]
[-] login.js [edit]
[-] seller.js [edit]
[-] user_download.js [edit]
[-] site.min.js [edit]
[-] lang.min.js [edit]
[-] seller-registration.js [edit]
[-] password-validation.js [edit]
[-] drawer.min.js [edit]
[-] login.min.js [edit]
[-] delivery-address.min.js [edit]
[-] home.min.js [edit]
[-] compare.js [edit]
[-] description-tabs.min.js [edit]
[-] all-categories.min.js [edit]
[-] flatpickr.min.js [edit]
[-] filter.js [edit]
[-] cart.js [edit]
[-] site.js [edit]
[-] compare.min.js [edit]
[-] animation.js [edit]
[-] user_download.min.js [edit]
[-] settings.min.js [edit]
[-] vendor-profile.min.js [edit]
[-] product-view.js [edit]
[-] password-validation.min.js [edit]
[-] address.min.js [edit]
[-] formatting.js [edit]
[-] coupon.min.js [edit]
[-] delivery-address.js [edit]
[-] sign_up.min.js [edit]
[-] all-categories.js [edit]