Skip to content

Быстрый просмотр

Быстрый просмотр показывает товар в боковой панели без перехода на отдельную страницу. Он использует ту же форму покупки, выбор артикула, цену, услуги, количество и наличие, что и обычная карточка товара.

Включение

В настройках темы включите Быстрый просмотр. После этого кнопка покупки и изображение товара в поддерживаемых списках открывают панель, не изменяя адрес текущей страницы.

Панель можно закрыть кнопкой, кликом по затемнённой области или клавишей Escape. После закрытия фокус возвращается к элементу, с которого она была открыта.

«Собери образ»

Секция shop_the_look поддерживает до шести товаров. Для каждого товара указываются:

  • ID товара;
  • координаты точки по горизонтали и вертикали от 0 до 100;
  • отдельные координаты для мобильного изображения.

Для секции можно загрузить:

  • основное изображение — рекомендуется 1280 × 650 px;
  • мобильное изображение — рекомендуется 750 × 800 px.

Если мобильное изображение не задано, используется основное.

Поведение точек

  • на компьютере при наведении отображается компактная карточка товара;
  • клик по точке, изображению товара или кнопке покупки открывает Quick View;
  • на мобильном устройстве видимая точка открывает боковую панель товара;
  • повторное открытие и переход между разными точками не создают дублирующиеся панели или обработчики;
  • адрес страницы не меняется.

Расчёт доставки в Quick View

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

Если расчёт не завершился, ошибка показывается только внутри блока доставки и не блокирует выбор артикула или добавление товара в корзину.

Содержимое панели

Quick View включает одну форму покупки. Это важно для корректного переключения артикулов, услуг, цены и добавления в корзину. Вложенные формы не создаются.