1. aspro.ru
  2. Аспро: Максимум
  3. Требования к графическим материалам
  4. Каталог и детальные страницы товаров

Каталог и детальные страницы товаров


В общем списке категорий каталога рекомендуемый размер для изображений разделов — 120 x 120 px.

7a907932-7b60-11f1-8fe4-fa163e2ff576

Для картинки в детальной карточке товара минимальный рекомендуемый размер — от 451х451 px.

220205c4-7b61-11f1-8fe4-fa163e2ff576

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

23b8c88c-7b5d-11f1-8fe4-fa163e2ff576

Чтобы посмотреть рекомендации, на странице товара нажмите клавишу «F12». Откроется код сайта. Блок может быть расположен справа, слева, снизу или откроется в отдельном окне. 

f1698c07-7b60-11f1-8fe4-fa163e2ff576

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

a1abc382-7b5f-11f1-8fe4-fa163e2ff576

Наведите на область картинки. Посмотрите размер изображения в блоке, где название начинается с параметра «img».

defc5bc4-7b62-11f1-8fe4-fa163e2ff576

А картинки в списке каталога преобразуются из анонсных изображений и подстраиваются под сетку: 3 или 4 в ряд.

627645a1-7b60-11f1-8fe4-fa163e2ff576

На демо-сайте размеры подготовленных картинок — 700 x 700 px.

Рекомендуем высоту картинок делать не больше 900 px. Потому что когда откроется попап с увеличенной картинкой, изображение большего размера не поместится в экран и уменьшится.

7fb72e7c-7b5d-11f1-8fe4-fa163e2ff576

Внимание! В решении реализован ресайз изображений. Это нужно учитывать при загрузке картинок. Например, чтобы картинки отлично выглядели на экранах с ретиной, то нужно загружать картинки в 2 раза большие по размеру. При этом в настройках ресайза добавить свои условия. Все зависит от конкретного случая.


Предыдущая статья Раздел «Бренды»
Следующая статья Баннеры в списке товаров