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

Урок 7

Зарегистрируйтесь или войдите и получите бесплатный доступ к первому уроку курса.

Урок 7

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

В этом уроке мы займёмся выводом галереи товара.

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

Настройка галереи товара в админке WooCommerce
Не обращайте внимание, что у меня в галерее товара вообще находятся разные товары – это всего лишь пример.

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

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

Изображение товара без галереи
Купить курс
  • 14 видеоуроков
  • Доступ к HTML + CSS курса
  • Доступ к теме WooCommerce, которая получится в результате
  • Единоразовый платёж
  • Доступ навсегда
  • Уроки актуальны в 2024-м году
9000 р5400 р
Скидка 40% до 24 апреля

Нажав на кнопку, вы соглашаетесь c условиями предоставления услуг и с обработкой персональных данных.