TOYOGO For Business HFH1229SET

[PG]HFH1229SET

Sign in

Register

More ways to organise

Similar Products
Recently Viewed

#recently-viewed { background-color: #FFFFFF; }#recently-viewed .lside { width: 100%; } #recently-viewed .rside { width: 100%; } #recently-viewed .swiper { width: calc(100% + 40px); margin-left: -20px; } #recently-viewed .swiper-pagination { width: auto; display: flex; margin-left: 20px; bottom: -30px; } #recently-viewed .swiper-pagination .swiper-pagination-bullet:first-child { margin-left: 0; } #recently-viewed .swiper-button-disabled { visibility: hidden; } #recently-viewed .vhide { visibility: hidden; } @media only screen and (min-width: 768px) { #recently-viewed .swiper { width: 100%; margin-left: 0; } #recently-viewed .swiper-pagination { margin-left: 0; } #recently-viewed .lside { width: 70%; } #recently-viewed .rside { width: 30%; } } @media only screen and (min-width: 1024px) { #recently-viewed .lside { width: 80%; } #recently-viewed .rside { width: 20%; } #recently-viewed .swiper-button-prev, #recently-viewed .swiper-button-next { top: 181px; } #recently-viewed .swiper-button-prev { left: 20px; } #recently-viewed .swiper-button-next { right: 20px; } } @media only screen and (min-width: 1800px) { #recently-viewed .swiper-button-prev { left: -20px; } #recently-viewed .swiper-button-next { right: -20px; } }

const datas = (Cookies.get('shopify_recently_viewed') === undefined ? [] : Cookies.get('shopify_recently_viewed').split(' ')); function productCaraouselInitrecently_viewed() { const el_id = '#recently-viewed'; const totalSlides = datas.length - 1; let allowSwipe = false; /** Positioned the products and title */ if(window.innerWidth < 768) { if(totalSlides > 2) { allowSwipe = true; } else { centerProducts(); } } if(window.innerWidth >= 768 && window.innerWidth < 1024) { if(totalSlides > 2) { allowSwipe = true; } else { centerProducts(); centerTitle(); } } if(window.innerWidth >= 1024) { if(totalSlides > 5) { allowSwipe = true; } else { centerProducts(); centerTitle(); } } function centerProducts() { document.querySelector('#recently-viewed .swiper-wrapper').classList.add('jc-center'); document.querySelector('#recently-viewed .swiper-button-prev').classList.add('vhide'); document.querySelector('#recently-viewed .swiper-button-next').classList.add('vhide'); } function centerTitle() { if(!document.querySelector('#recently-viewed .rside .button-wrapper')) { const el = document.querySelector('#recently-viewed .lside'); if (el) { el.style.width = '100%'; el.classList.add('tc'); } } } /** End positioned the products and title */ const slider = new Swiper('#slider-recently-viewed', { slidesPerView: 2.23, spaceBetween: 20, allowTouchMove: true, loop: false, slidesOffsetBefore: 20, slidesOffsetAfter: 20, navigation: { prevEl: '.recently-viewed-navigation.swiper-button-prev', nextEl: '.recently-viewed-navigation.swiper-button-next', }, pagination: { el: ".recently-viewed-pagination", clickable: true }, breakpoints: { 375: { centeredSlides: false, centeredSlidesBounds: false, slidesPerView: 2.23, slidesPerGroup: 2, initialSlide: 0, spaceBetween: 20, slidesOffsetBefore: 20, slidesOffsetAfter: 20, }, 768: { centeredSlides: false, centeredSlidesBounds: false, slidesPerView: 3, slidesPerGroup: 3, initialSlide: 0, spaceBetween: 15, slidesOffsetBefore: 0, slidesOffsetAfter: 0, }, 1024: { centeredSlides: false, centeredSlidesBounds: false, slidesPerView: 5, slidesPerGroup: 5, initialSlide: 0, spaceBetween: 20, slidesOffsetBefore: 0, slidesOffsetAfter: 0, } }, on: { init: function() { $360.lazyLoadInstance.update(); }, slideChange: function() { $360.lazyLoadInstance.update(); }, resize: function() { $360.lazyLoadInstance.update(); } } }); } document.addEventListener('DOMContentLoaded', function() { productCaraouselInitrecently_viewed(); });

Made by us

Buy directly from us

Affordable prices