Shop the Look — секция с интерактивными hotspots, позволяющая размещать кликабельные точки прямо поверх lifestyle-изображения. Каждая точка привязана к продукту и показывает мини-карточку товара с ценой и ссылкой.

Особенности секции

• Поддержка точного позиционирования hotspot-ов как на desktop, так и на mobile.
• Предпросмотр продуктов в маленьком всплывающем bubble.
• Адаптивное изображение для desktop и отдельное для mobile.
• Поддержка full-width режима.
• Работает через quick-view компонент + product.js.
(Скоро!)

Настройки секции

• image — основное изображение (desktop).
• image_mobile — изображение для мобильных устройств (если пусто — используется desktop-версия).
• full_width — растянуть секцию на всю ширину экрана.
• disable_top_spacing / disable_bottom_spacing — убрать внешние отступы.

Настройки блока Товары

• product_handle — выбранный товар.
• x_position / y_position — позиция hotspot-а на desktop.
• x_position_mobile / y_position_mobile — позиция hotspot-а на mobile.

Примеры использования

• Fashion Lookbook: показать комплект образа с несколькими товарами.
• Interior Design: отметить мебель/декор в интерьере.
• Accessories placement: сумки, аксессуары, обувь на моделях.
• Complex product sets: витрины с набором товаров.