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() }); } } if(galleryData.type == "default_embedded" && galleryData.id == "48374"){ console.log("galleryData type here:" + galleryData.type); const imgList = galleryElement.querySelectorAll(".kt-type-main .kt-embedded-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); }); }); }); } } }); 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 ()

Valentine’s Day Special Deals

Avenue 70" LED Fireplace TV Stand

Broadway 70" White Low Profile TV Stand

Jagger 67" Tall Display Cabinet

Jagger Arched Glass Door Modular Sideboard

Products featured in this video