При оформлении страницы отдельного продукта, сделанного при помощи WooCommerce, периодически возникает вопрос, как вместо отдельного изображения вывести слайдер с галереей картинок.
Для этих целей можно использовать отличный плагин от http://wooslider.com/. Однако, чтобы вставить его вместо стандартного изображения товара не зная точных инструкций придется поломать голову.
Делается это так:
- Устанавливаете плагин.
- Добавляете в файл function.php вашей темы следующий код:
1 2 3 4 |
function wc_product_image_slider() { return do_shortcode( '[wooslider slider_type="attachments"]' ); } add_filter( 'woocommerce_single_product_image_html', 'wc_product_image_slider' ); |
После этого на месте стандартного вывода картинки получите слайдшоу из галереи изображений.
В данном случае слайдер добавлен через шорткод, хотя разработчики предусмотрели возможность вставки и с помощью функции.
Плагин позволяет делать слайдер из 3-х видов контента:
- Attachments — прикрепленные к записи изображения (как в нашем случае);
- Posts — слайды формируются из записей по заданным критериям;
- Slides — слайды произвольного вида на основе любого заданного содержания.
Конечно, у плагина есть еще большой набор настроек, что позволяет сделать слайшоу почти любого вида.
Настройки, которые можно использовать в шорткоде, описаны здесь https://docs.woocommerce.com/document/wooslider-shortcode-parameters-reference/.
В общем, гибкий и удобный плагин, но платный. У меня есть купленный, если кому-нибудь сильно нужен, обращайтесь, я вышлю по почте.