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

Fluted Door Sideboards & Buffet Cabinets

72" Tall Arched Fluted Door 3 Tier Modular Bookcase

65" Fluted Arched Door Modern TV Stand

33" Arched Fluted Doors Modular Sideboard

65" Arched Modern Fluted Sideboard Buffet Cabinet

Anton 32" Fluted Buffet Cabinet with Travertine Top

Products featured in this video