function initProductGalleryLightbox() { // Target the gallery by ID const gallery = document.querySelector('#brxe-wdbnxx'); if (!gallery) { console.warn('Product gallery with ID #brxe-wdbnxx not found. Retrying...'); return false; } // Select main gallery images (exclude thumbnails) const images = gallery.querySelectorAll('.woocommerce-product-gallery__image img:not(.wp-post-image--thumbnail):not(.woocommerce-product-gallery__thumbnail img)'); if (images.length === 0) { console.warn('No main gallery images found in #brxe-wdbnxx.'); return false; } images.forEach(img => { // Skip if already wrapped with lightbox link if (img.parentElement.tagName === 'A' && img.parentElement.classList.contains('bricks-lightbox')) { return; } // Get full-size image data from WooCommerce attributes let fullSrc = img.getAttribute('data-large_image'); let width = img.getAttribute('data-large_image_width'); let height = img.getAttribute('data-large_image_height'); // Fallback: Remove thumbnail size from src if no data-large_image if (!fullSrc) { fullSrc = img.src.replace(/-\d+x\d+\./, '.'); } // Fallback for dimensions if (!width || !height) { width = img.naturalWidth || 1200; height = img.naturalHeight || 1200; } // Create wrapper for lightbox const link = document.createElement('a'); link.classList.add('bricks-lightbox'); link.href = fullSrc; // Required for PhotoSwipe, but prevented link.setAttribute('data-pswp-src', fullSrc); link.setAttribute('data-pswp-width', width); link.setAttribute('data-pswp-height', height); // Prevent default link behavior (opening .jpg) link.addEventListener('click', (e) => { e.preventDefault(); }); // Ensure image is clickable img.style.pointerEvents = 'auto'; // Wrap the image img.parentNode.insertBefore(link, img); link.appendChild(img); }); // Reinitialize PhotoSwipe if (typeof bricksPhotoSwipe !== 'undefined') { bricksPhotoSwipe.init(); } else { console.warn('Bricks PhotoSwipe not found. Ensure lightbox is enabled in Bricks settings.'); } return true; } // Run on DOMContentLoaded with retry for dynamic content document.addEventListener('DOMContentLoaded', function() { if (!initProductGalleryLightbox()) { const retryInterval = setInterval(() => { if (initProductGalleryLightbox()) { clearInterval(retryInterval); } }, 500); setTimeout(() => clearInterval(retryInterval), 5000); } });