Блок «Галерея товаров»

Блок «Галерея товаров» — это гибкий и интерактивный способ отображения изображений и медиафайлов товара в вашем магазине. Он позволяет покупателям просматривать товар в деталях с помощью миниатюр и основного изображения в режиме галереи.

Структура блока

Блок галереи товаров

Блок состоит из двух основных частей:

  • Блок миниатюр — отображает набор миниатюр изображений товара.
  • Блок просмотра — область с основным изображением, кнопками навигации и увеличением.

Настройки блока

Настройки блока галереи товаров
  • Ориентация макета — настройка расположения галереи:
    • Горизонтальная или вертикальная компоновка — миниатюры могут отображаться сбоку или снизу от основного изображения.
    • Перенос — миниатюры могут переноситься на несколько строк при нехватке места.
  • Настройки мультимедиа — управление взаимодействием с изображениями:
    • Увеличение при наведении — увеличение изображения при наведении курсора.
    • Открытие всплывающего окна по клику — открывает изображение в увеличенном модальном окне.

Внутренние блоки

Миниатюры

Миниатюры товара

Блок миниатюр отображает все изображения товара в виде сетки или слайдера.

  • Включить/выключить миниатюры — показывает или скрывает миниатюры.
  • Размер миниатюр — настройка размера изображений относительно основного фото.
  • Соотношение сторон — выбор пропорций миниатюр (например, 1:1 или 4:3).

Блок просмотра

Блок просмотра галереи

Блок просмотра отвечает за отображение основного изображения и навигацию по галерее.

Включает 3 элемента:

  • Изображение товара — основное изображение с настройкой пропорций.
  • Бейдж «Распродажа» — отображается при скидке на товар.
  • Кнопки навигации — переключение между изображениями товара.
Поделиться с друзьями
Документация WooCommerce