Галерея изображений товара

Урок 6

  Получите бесплатный доступ к первому уроку курса, для этого зарегистрируйтесь или войдите.

Урок 6

Галерея изображений товара

В этом уроке мы займёмся выводом галереи товара. В админке WooCommerce предусматривает добавление как основого изображения товара, которое у нас в том числе отображается и на странице магазина, так и галереи изображений товара:

Настройка галереи товара в админке WooCommerce

В итоге этого урока мы настроим отображение галереи товара со слайдером и зумом (как в вёрстке) и она будет выглядеть вот так:

Галерея изображений товара WooCommerce со слайдером миниатюр и зумом

Помимо этого мы также будем учитывать отображение основного изображения товара в том случае, если никаких картинок в галерею добавлено не было. Такие товары у нас будут выглядеть так:

Изображение товара без галереи