505  /  531
Нашли ошибку? Выделите мышкой и нажмите Ctrl+Enter

Размеры картинок для блока «Образы»

Используйте все возможности оформления своих предложений для клиента. Образы — отличный вариант показать все преимущества товара. Составляйте лукбуки, делайте обзор новинок и привлекайте внимание к деталям.

1. Слайдер по разделам. Тип 1.

В зависимости от творческого решения здесь можно размещать как квадратные, так и прямоугольные картинки. Пример на демоверсии решения:

а. Квадратные. Размер картинок при разной ширине сайта:

  • 1200 px — 400 x 400 px.
  • 1348 px — 456 x 456 px.
  • 1500 px — 500 x 500 px.
  • 1700 px — 500 x 500 px.

Безопасные зоны для изображений при разной ширине сайта:
  • 1200 px — 286 x 400 px.
  • 1348 px — 327 x 456 px.
  • 1500 px — 358 x 500 px.
  • 1700 px — 358 x 500 px.

б. Прямоугольные. Размер картинок при разной ширине сайта:

  • 1200 px — 358 x 500 px.
  • 1348 px — 358 x 500 px.
  • 1500 px — 358 x 500 px.
  • 1700 px — 358 x 500 px.

2. Тип 2.


Размер картинок при разной ширине сайта:

  • 1200 pх — 376 x 380 px.
  • 1348 px — 313 x 431 px.
  • 1500 px — 351 x 484 px.
  • 1700 px — 401 x 552 px.

3. Тип 3. 



Размер картинок при разной ширине сайта:

  • 1200 px — 238 x 328 px.
  • 1348 px — 275 x 379 px.
  • 1500 px — 313 x 431 px.
  • 1700 px — 363 x 500 px.


4. Тип 4.


Размер картинок при разной ширине сайта:

  • 1200 px — 376 x 380 px.
  • 1348 px — 313 x 431 px.
  • 1500 px — 351 x 484 px.
  • 1700 px — 401 x 552 px.

5. Детальная страница образа

Поле для размещения картинки квадратное — 500 x 500 px. Сама картинка может быть больше, так как при клике на нее открывается попап-окно с изображением актуального размера.


Про настройку образов написали в документации. Подробное описание блока «Образы».