526  /  544
Не хватает статьи или нашли ошибку? Выделите мышкой и нажмите Ctrl+Enter

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


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

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

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


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


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

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

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

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

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

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


Содержание главы: