Сообщений в теме: 5

[Aleksandr]

Здравствуйте!

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

Прикрепленные изображения

• 

[Firefly]

Aleksandr (30 Август 2016 - 12:04) писал:

Здравствуйте!

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

Размер плитки товаров Вам увеличил.
Проверьте, пожалуйста.

[Aleksandr]

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

спасибо!

[Firefly]

Aleksandr (30 Август 2016 - 12:55) писал:

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

спасибо!

Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:

.products-grid .item .item-inner .item-img .item-img-info a.product-image {display: table-cell;vertical-align:middle;height:270px;width:322px;}

Изменяйте значение 270px

[Aleksandr]

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

[Firefly]

Aleksandr (30 Август 2016 - 13:49) писал:

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

Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:

.products-grid .item .item-inner .item-img .item-img-info a.product-image {height:auto;margin: 0 auto;display: block;width:100%;}

Замените на:

.products-grid .item .item-inner .item-img .item-img-info a.product-image {width: 320px;height: 300px;margin: 0 auto;display: table-cell;}