Перейти к содержимому


Изменить Размер Блоков Товаров


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 3

#1 goloppper

goloppper

    Новичок

  • Пользователи
  • Pip
  • 6 сообщений

Отправлено 13 Февраль 2013 - 09:24

Добрый день.
У меня проблема с блоками категорий товаров. Если название товаров длинное, то цена смещается вниз, за рамки блока, как на второй и третей сточке скрина.

11.JPG
Как расширить блок вертикально, с учетом того, что такая проблема во всех категориях, акциях, новинках и т.д.?

#2 Koderhan

Koderhan

    Активный участник

  • Модератоpы
  • 6 227 сообщений

Отправлено 13 Февраль 2013 - 10:11

Попробуйте изменить стили.
В файле "main.csstemplate".
Найти код:
.goodsListItemBlock				 {height: 200px;margin:5px;overflow:hidden;}
Заменить:
.goodsListItemBlock				 {height: 220px;margin:5px;overflow:hidden;}


#3 goloppper

goloppper

    Новичок

  • Пользователи
  • Pip
  • 6 сообщений

Отправлено 13 Февраль 2013 - 10:27

Просмотр сообщенияKoderhan (13 Февраль 2013 - 10:11) писал:

Попробуйте изменить стили.
В файле "main.csstemplate".
Найти код:
.goodsListItemBlock				 {height: 200px;margin:5px;overflow:hidden;}
Заменить:
.goodsListItemBlock				 {height: 220px;margin:5px;overflow:hidden;}
Почти получилось, но высоту пока регулирую 250 - 270px. В разных браузерах почему то по разному показывает.
Спасибо!!!

#4 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 13 Февраль 2013 - 23:58

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

.goodsListItemBlock {
	height: 200px;
	margin: 5px;
	overflow: hidden;
}

а высоту названия товара можно изменить в классе

.goodsListItemName {
	line-height: 1.2em;
	margin: 0;
	max-height: 3.6em;
	overflow: hidden;
	padding: 0 2px;
}

предварительно заменив на

.goodsListItemName {
	line-height: 1.2em;
	margin: 0;
	height: 40px;
	overflow: hidden;
	padding: 0 2px;
}





Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных