Какой файл отвечает за галерею продукта Woocommerce?
На сайте включил оптимизацию js файлов с помощью плагина WP Rocket. Функция которая загружает скрипты только при взаимодействии. Проблема в том что на странице продукта слайдер сразу видно, а js слайдера не загружается. Это видно на мобильной версии. Так как в слайдере есть картинки большей высоты, остается пустое место под картинкой.
https://www.navigatorboat.com/inflatable-boat-navi...
Как найти js код который отвечает за слайдер продуктов? Это может быть js темы, или woocommerce.
Тема Flatsome
Смотрел какой код загружается сначала, и после прокрутки страницы. Сначала несколько файлов, после прокрутки их много добавляестя, не пойму какой из них нужно поставить в исключение WP Rocket
При загрузке страницы
Дополнительно:
Опишите проблему, и специалист поможет с настройкой, исправлением ошибки или доработкой сайта. Подберём понятный план работ без лишней переписки.
Пока нет других ответов. Будьте первым, кто поможет автору.
Ответить на вопрос
В WooCommerce галерея товара обычно состоит из PHP-шаблона и JavaScript-компонентов. PHP-шаблон находится в WooCommerce:
templates/single-product/product-image.phpиtemplates/single-product/product-thumbnails.php. Но если у Вас тема Flatsome, она может переопределять эти шаблоны и подключать свой слайдер.Проблема с WP Rocket “Delay JavaScript execution” часто решается не поиском одного файла, а добавлением исключений для скриптов слайдера и WooCommerce gallery. Для галереи WooCommerce обычно важны:
flexslider;photoswipe;zoom;wc-single-product.Сначала откройте страницу товара без оптимизации JS и посмотрите в исходном коде/DevTools, какие скрипты загружаются. Затем включите оптимизацию и сравните, какой скрипт появляется только после взаимодействия. В WP Rocket добавьте его в исключения Delay JS.
Для Flatsome часто помогают исключения по ключевым словам:
jquery flexslider photoswipe wc-single-product flatsome product-gallery ux-slider
Не исключайте сразу весь JS сайта. Начинайте с галереи товара и проверяйте мобильную версию. Если пустое место возникает из-за поздней инициализации слайдера, можно также задать стабильную высоту/соотношение сторон изображению через CSS, чтобы страница не прыгала до загрузки JS.
Итог: шаблоны галереи лежат в WooCommerce/теме, но конкретно Ваш баг почти наверняка в отложенном JS WP Rocket. Правьте список исключений Delay JS и проверяйте именно страницу товара на мобильном.