${priceHtml}

`; //console.log(priceHtml); const inner = hotSpotProduct.querySelector(".hotspot-item-content-inner"); if(inner){ const vendorElement = document.createElement('div'); vendorElement.classList.add("grid-product__vendor", "cstm_product_vendor"); vendorElement.innerHTML = productData.vendor; inner.appendChild(vendorElement); const priceElement = document.createElement('div'); priceElement.classList.add("grid-product__price"); priceElement.innerHTML = priceHtml; inner.appendChild(priceElement); } const form = hotSpotProduct.querySelector(".hotspot-item-form"); form.style.display = "none"; } }); // This event will be fired whenever the Lookfy app is created document.addEventListener('lookfyGallery', function(event) { // Do your magic 🙂 const {galleryElement, galleryData} = event.detail; if(galleryData.type == "column_carousel"){ const body = document.getElementsByTagName("BODY")[0]; body.classList.add('lf-disable-tooltip'); const lock = body.querySelector('.lock_icon_text'); if(lock){ const products = galleryElement.querySelectorAll('.hotspot-item-content'); products.forEach(product => { const form = product.querySelector('.hotspot-item-form'); const clone = lock.cloneNode(true); product.classList.add("need-login"); form.appendChild(clone); }); } const imgList = galleryElement.querySelectorAll(".kt-type-main .lf-image-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() }); } } });

Explore more

You may also like

About Us

Contact us

We accept

Share Wishlist