مشاهده تمام تصاویر کلیک کنید

function openProGallery() { const modal = document.getElementById('proGalleryModal'); const container = document.getElementById('proGalleryContainer'); // دریافت تصاویر از منابع مختلف let galleryImages = document.querySelectorAll('.woocommerce-product-gallery__image img'); // اگر تصویری پیدا نشد، از منابع دیگر جستجو کن if (galleryImages.length === 0) { galleryImages = document.querySelectorAll('.product-images img, .elementor-widget-wc-product-images img'); } // تبدیل به آرایه const imagesArray = Array.from(galleryImages); // پاک کردن محتوای قبلی container.innerHTML = ''; if (imagesArray.length === 0) { container.innerHTML = '

تصویر اضافی‌ای یافت نشد

'; } else { // اضافه کردن تصاویر به مودال imagesArray.forEach((img, index) => { const card = document.createElement('div'); card.className = 'gallery-image-card'; const newImg = document.createElement('img'); // برای اولین تصویر، نسخه full-size را بگیر if (index === 0) { newImg.src = img.getAttribute('data-large_image') || img.getAttribute('data-src') || img.src.replace(/-\d+x\d+\./, '.'); // حذف سایز از URL } else { // برای بقیه تصاویر، همان روش قبل newImg.src = img.getAttribute('data-large_image') || img.getAttribute('data-src') || img.src; } newImg.alt = img.alt || `تصویر ${index + 1}`; newImg.loading = 'lazy'; newImg.onclick = function() { window.open(this.src, '_blank'); }; card.appendChild(newImg); container.appendChild(card); }); } modal.style.display = 'block'; document.body.style.overflow = 'hidden'; } function closeProGallery() { document.getElementById('proGalleryModal').style.display = 'none'; document.body.style.overflow = ''; } // بستن با کلیک بیرون از مودال document.addEventListener('click', function(event) { const modal = document.getElementById('proGalleryModal'); if (event.target === modal || event.target.classList.contains('modal-backdrop')) { closeProGallery(); } }); // بستن با کلید ESC document.addEventListener('keydown', function(event) { if (event.key === 'Escape') { closeProGallery(); } }); // شمارش تصاویر و نمایش در دکمه window.addEventListener('load', function() { setTimeout(function() { const images = document.querySelectorAll('.woocommerce-product-gallery__image img'); const countText = document.getElementById('imageCountText'); // تعداد کل تصاویر const imageCount = images.length; if (countText && imageCount > 0) { countText.textContent = `${imageCount} تصویر موجود`; } else if (countText) { countText.textContent = 'بدون تصویر'; } }, 500); });