Загрузите flexslider на другую страницу в Woocommerce
Я загрузил продукт на свою домашнюю страницу, используя этот шорткод
<?php echo do_shortcode('[product_page id = "195"]');?>
Который загружает продукт с основным изображением и небольшими миниатюрами под ним, а справа название продукта, цена, количество и кнопка «Добавить в корзину». Это то, что мне было нужно. Но изображения не имеют функции скольжения или масштабирования. Насколько мне известно, если вы проверяете конкретную страницу продукта, он загружает гибкий слайдер и плагин масштабирования jquery для изображений продукта, чтобы они могли скользить как карусель, и нажатие на них увеличивает изображение.
Есть идеи, как заставить эту функцию работать и на моей домашней странице?
Ответы 2
Тестирование с темой Twenty Twenty по умолчанию и использованием того же шорткода (все плагины и темы обновлены) работает нормально. Обычно это происходит из-за конфликта пользовательской темы или плагина.
Попробуйте перейти на тему по умолчанию, чтобы проверить, работает ли она там, а не в той, которую вы используете.
Что касается плагинов, отключите все ненужное и попробуйте включить их по одному.
Кроме того, может помочь размещение ссылки на разрабатываемую или промежуточную версию рассматриваемого сайта.
Мне удалось исправить это, используя следующий код.
// Enqueue/Add CSS and JS files
function amd_enqueue(){
// here home-page.php is the name of the template where it needs to load
if (is_page_template("home-page.php")){
wp_enqueue_script('zoom');
wp_enqueue_script('flexslider');
wp_enqueue_script('photoswipe-ui-default');
wp_enqueue_style('photoswipe-default-skin');
add_action( 'wp_footer', 'woocommerce_photoswipe' );
}
}
add_action( 'wp_enqueue_scripts', 'amd_enqueue' );