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

Astorga

Astorga 58" Glass Door Modern Farmhouse Buffet Cabinet

Astorga 58" Modern Farmhouse Fireplace TV Stand

Products featured in this video