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

[ne_yana]

Наталья C. (22 Октябрь 2013 - 11:44) писал:

Добрый день.
Как мне настроить ровное отображение товара, без подстраиваний под текст?
Я картинку гружу всего одним размером (500*500 пикселей). Кстати, не слишком ли это тяжелая картинка?
Может стоить ее сделать, предположим, 300*300 (чтобы быстрее грузилась)? Фото в "Осени" все равно не открываются на весь экран.....

И главный вопрос: я буду делать названия товаров не больше, чем из 2-х строчек. Как мне исключить неровности?

Заранее спасибо!

Добрый день, Вы можете задать фиксированную высоту, занимаемую названием, заменив в файле style.css

.autumnshowcase_block h5 {
padding: 12px 0 5px 0;
height: auto;
}

на

.autumnshowcase_block h5 {
padding: 12px 0 5px 0;
height: 40px;
}

Значение можете установить на свое усмотрение.

[miyako]

Наталья C. (22 Октябрь 2013 - 12:09) писал:

Ясно, буду пробовать. А какие у вас будут рекомендации по размеру картинок для этой темы?

Если Вы по размерам изображений для товаров, то 192 на 192

[Gambit]

А если картинки разные, как сделать фиксированное поле, чтобы не приводить к одному размеру в ручную?

[ne_yana]

Gambit (23 Октябрь 2013 - 09:28) писал:

А если картинки разные, как сделать фиксированное поле, чтобы не приводить к одному размеру в ручную?

Здравствуйте, в разделе Настройки - Основные можно задать максимальные размеры по высоте\ширине для различных видов картинок.

[Koderhan]

Gambit (23 Октябрь 2013 - 09:28) писал:

А если картинки разные, как сделать фиксированное поле, чтобы не приводить к одному размеру в ручную?

Можно ограничить размер по высоте.

Панель администратора, "Сайт"->"Редактор тем".
В файле "style.css".
Найти код:

#category_view_type.grid_view #product_list .product_image{max-width:184px;margin:auto;height: auto;z-index:1;}

Заменить:

#category_view_type.grid_view #product_list .product_image{max-width:184px;margin:auto;height: auto;z-index:1;max-height: 150px;}

[Джейн]

Что делать в таком случае? Если в названии 3 строчки . Цена налезает на третью строчку

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

• 

[Stasya]

В файле main.css найдите блок

.price_container {
margin-top: 10px;
display: block;
position: relative;
text-align: center;
}

и замените его на

.price_container {
margin-top: 40px;
display: block;
position: relative;
text-align: center;
}

[Джейн]

Спасибо

[Koderhan]

В конец файла "style.css".
Добавить код:

.autumnshowcase_carousel {
	overflow-y: hidden;
}

[Flor@@]

ne_yana (22 Октябрь 2013 - 11:50) писал:

Добрый день, Вы можете задать фиксированную высоту, занимаемую названием, заменив в файле style.css

.autumnshowcase_block h5 {
padding: 12px 0 5px 0;
height: auto;
}

на

.autumnshowcase_block h5 {
padding: 12px 0 5px 0;
height: 40px;
}

Значение можете установить на свое усмотрение.

подскажите, такое выравнивание негативно повлияет на адаптивность шаблона???

[sengun]

otdyh-i-son (10 Ноябрь 2013 - 12:10) писал:

подскажите, такое выравнивание негативно повлияет на адаптивность шаблона???

Данное изменение на адаптивность не влияет. Но и смысла не имеет, если картинки товаров имеют разный размер. Кроме того оно влияет только на товары в каруселях на главной.