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

Урок 6

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

Урок 6

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

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

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

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

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

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

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

Купить курс
5400 ₽
  • 12 видеоуроков
  • Доступ к HTML + CSS курса
  • Доступ к теме WooCommerce, которая получится в результате
  • Уроки регулярно обновляются в соответствии с изменениями WooCommerce
Ваш email будет использоваться только для регистрации на сайте. На него придёт письмо с логином и паролем. Войдите, если уже зарегистрированы.