document.addEventListener('lookfyGallerycarouselEnd', function(event) { const { flkty, row, carouselConfig, galleryElement } = event.detail; if(galleryElement.dataset.id == 42196){ carouselConfig.wrapAround = false; carouselConfig.freeScroll = false; carouselConfig.contain = true; flkty.destroy(); const flktyNew = new flickitylf(row, carouselConfig); //flktyNew.on('dragStart', () => flktyNew.slider.childNodes.forEach(slide => slide.style.pointerEvents = "none")); //flktyNew.on('dragEnd', () => flktyNew.slider.childNodes.forEach(slide => slide.style.pointerEvents = "all") ); flktyNew.on( 'change', function( index ) { lfUtils.documentEvent("lookfyGallerycarouselChange", {flktyNew, index, row, galleryElement, carouselConfig}); }); } }); document.addEventListener('lookfyGallery', function(event) { const { galleryElement, galleryData } = event.detail; const flexBlock = galleryElement.closest('[data-pf-type="FlexBlock"]'); /* if (flexBlock) { const fullwidths = flexBlock.children; [...fullwidths].forEach(item => { if (index !== 0) { item.style.width = "100%"; } }); } */ if (flexBlock && (galleryData.id == "42196")) { const childrenToUpdate = Array.from(flexBlock.children).slice(1); childrenToUpdate.forEach(item => { item.style.width = "100%"; }); } if (flexBlock && (galleryData.id != "42196")) { const childrenToUpdate2 = Array.from(flexBlock.children); childrenToUpdate2.forEach(item => { item.style.width = "100%"; }); } }); document.addEventListener('lookfyGallery', function(event) { const {galleryElement, galleryData} = event.detail; if(galleryData.type == "multiple_columns" && galleryData.id == "42366"){ const imgList = galleryElement.querySelectorAll(".kt-type-main .kt-columns-item"); if(imgList.length > 1){ var text = ''; for (let i = 0; i < imgList.length; i++) { let active = (i == 0) ? "active" : ""; text += ``; } const buttons = document.createElement('span'); buttons.classList.add("flickitylf-link-wrap"); buttons.innerHTML = ` ${text} `; galleryElement.appendChild(buttons); const items = galleryElement.querySelectorAll(".kt-image-column"); items.forEach(item =>{ const pana = document.createElement('span'); pana.classList.add("flickitylf-image-wrap"); pana.innerHTML = ``; item.appendChild(pana); }); const carouselConfig = { draggable: false, //dragThreshold: 15 fade: true, prevNextButtons: false, pageDots: false, wrapAround: true, //adaptiveHeight: true, } var flkty = new flickitylf(galleryElement.querySelector(".kt-type-main"), carouselConfig); setInterval(function(){ flkty.resize(); }, 1000); const flktyNumbers = buttons.querySelectorAll('.flickitylf-number'); flktyNumbers.forEach(fkl => { fkl.addEventListener("click", (e)=>{ e.preventDefault(); flktyNumbers.forEach(fklc => { fklc.classList.remove("active"); }); fkl.classList.add("active"); flkty.select( fkl.dataset.number ); }); }); const items_next = galleryElement.querySelectorAll('.next'); const items_previous = galleryElement.querySelectorAll('.previous'); items_next.forEach(next => { next.addEventListener("click", (e)=>{ e.preventDefault(); flkty.next(); flktyNumbers.forEach(fklc => { fklc.classList.remove("active"); }); //fkl.classList.add("active"); flktyNumbers.forEach((el, i) => { el.classList.toggle('active', i === flkty.selectedIndex); }); }); }) items_previous.forEach(previous => { previous.addEventListener("click", (e)=>{ e.preventDefault(); flkty.previous(); flktyNumbers.forEach(fklc => { fklc.classList.remove("active"); }); flktyNumbers.forEach((el, i) => { el.classList.toggle('active', i === flkty.selectedIndex); }); }); }); } setTimeout(setEqualHeight, 1000); } if(galleryData.type == "column_carousel" && galleryData.id == "42366"){ const imgList = galleryElement.querySelectorAll(".kt-type-main .kt-columns-item"); if(imgList.length > 1){ const title = galleryElement.querySelector('.kt__title'); const buttons = document.createElement('span'); buttons.classList.add("flickitylf-link-wrap"); buttons.innerHTML = ` `; galleryElement.appendChild(buttons); imgList.forEach(imgItem=>{ imgItem.classList.add('carousel-cell'); const imageColumn = imgItem.querySelector(".kt-image-column"); const buttonsImg = document.createElement('span'); buttonsImg.classList.add("flickitylf-link-wrap", "flickitylf-link-img"); buttonsImg.innerHTML = ` `; imageColumn.appendChild(buttonsImg); const next = buttonsImg.querySelector('.next'); const previous = buttonsImg.querySelector('.previous'); next.addEventListener("click", (e)=>{ e.preventDefault(); flkty.next() }); previous.addEventListener("click", (e)=>{ e.preventDefault(); flkty.previous() }); }); const carouselConfig = { draggable: false, fade: true, prevNextButtons: false, pageDots: false, wrapAround: true } var flkty = new flickitylf(galleryElement.querySelector(".kt-type-main"), carouselConfig); setInterval(function(){ flkty.resize(); }, 1000); const next = buttons.querySelector('.next'); const previous = buttons.querySelector('.previous'); next.addEventListener("click", (e)=>{ e.preventDefault(); flkty.next() }); previous.addEventListener("click", (e)=>{ e.preventDefault(); flkty.previous() }); } } }); function setEqualHeight() { const items = document.querySelectorAll('.hotspot-item-product'); items.forEach(item => item.style.height = 'auto'); if (window.innerWidth <= 768) { let maxHeight = 0; items.forEach(item => { if (item.offsetHeight > maxHeight) { maxHeight = item.offsetHeight; } }); items.forEach(item => { item.style.height = maxHeight + 'px'; }); } }

Products featured in this video

Products featured in this video

Categories

Popular

Products ()

Halloween Sale

Corin 58" Barn Door Farmhouse Fireplace TV Stand

Portman 66" Slatted Door Electric Fireplace TV Stand

Colemen 63" Wood Slatted Door Sideboard Buffet Cabinet

Colemen 68" Slatted Door Mid-Century Modern TV Stand

55" Glass Door Buffet Wine Cabinet

Products featured in this video