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 ()

All Deals in One Place

Amherst Storage Ottoman Bench

Astorga 58" Modern Farmhouse Fireplace TV Stand

Products featured in this video