1. aspro.ru
  2. Аспро: Next
  3. Каталог
  4. Карточка товара
  5. Дополнительная фотогалерея в карточке товара

Дополнительная фотогалерея в карточке товара


В Аспро: Next версии 1.0.9 и выше, а также Аспро: Шины и диски 2.0 появилась дополнительная фотогалерея. Теперь она может отображаться как под основным фото товара (1), так и отдельным блоком (2) (после характеристик или блока с документами, если они есть).

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

Допустим, вы продаете диваны. Под основным фото вы можете показать общий вид дивана, варианты обивки и подушки, которые к нему прилагаются. А в дополнительной фотогалерее – интерьер квартиры, в которой стоит ваш диван — с правильно подобранными цветами интерьера и фактурой. Так покупатель сможет «примерить» товар на себя и визуально представить, как диван будет красиво смотреться в его доме.

51594f62-7b60-11f1-8fe4-fa163e2ff576

334e0b0b-7b5d-11f1-8fe4-fa163e2ff576

На странице товара с торговыми предложениями нижний блок галереи отображается под табом с описанием после характеристик.

b2c1f4c3-7b64-11f1-8fe4-fa163e2ff576

Если используется детальная страница каталога без табов, то нижний блок галереи размещается между блоком с характеристиками и видео (или отзывами).

b528736a-7b5c-11f1-8fe4-fa163e2ff576

От типа выбранного торгового предложения SKU зависит, сколько изображений будет выводиться под характеристиками. При торговом предложении SKU 1, когда пользователь может выбрать в верхней части карточки товара торговое предложение, отображаются фото выбранного торгового предложения (1) и изображение из галереи самого товара (2).
2ae3d675-7b5c-11f1-8fe4-fa163e2ff576

6075b311-7b60-11f1-8fe4-fa163e2ff576

При торговом предложении SKU 2 – выводятся фото всех торговых предложений (1) вместе с фото из карточки самого товара (2).
ce9762e7-7b61-11f1-8fe4-fa163e2ff576

Предыдущая статья Вывод подсказок у свойств торговых предложений
Следующая статья Настройка дополнительной галереи