diff --git a/src/js/product.ts b/src/js/product.ts index 60ad1c899..7f995824f 100644 --- a/src/js/product.ts +++ b/src/js/product.ts @@ -11,34 +11,15 @@ export default () => { const {prestashop, Theme: {events}} = window; const initProductSlide = () => { - const imagesCarousel = document.querySelector(SelectorsMap.product.carousel); - - if (imagesCarousel) { - imagesCarousel.addEventListener('slide.bs.carousel', onProductSlide); - } + document.querySelector(SelectorsMap.product.carousel)?.addEventListener('slide.bs.carousel', onProductSlide); }; function onProductSlide(event: ProductSlideEvent): void { - const thumbnails = document.querySelectorAll(SelectorsMap.product.thumbnail); - - thumbnails.forEach((e: Element) => { - e.classList.remove('active'); - }); - - const activeThumbnail = document.querySelector(SelectorsMap.product.activeThumbail(event.to)); - - if (activeThumbnail) { - activeThumbnail.classList.add('active'); - } + document.querySelectorAll(SelectorsMap.product.thumbnail).forEach((e) => e.classList.remove('active')); + document.querySelector(SelectorsMap.product.activeThumbail(event.to))?.classList.add('active'); } initProductSlide(); - - prestashop.on(events.updatedProduct, () => { - initProductSlide(); - }); - - prestashop.on(events.quickviewOpened, () => { - initProductSlide(); - }); + prestashop.on(events.updatedProduct, initProductSlide); + prestashop.on(events.quickviewOpened, initProductSlide); };