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

[Teraweb2000]

Как сделать название товара в 3 строчки,
http://joxi.ru/52a5yyRuG48QB2

[Юля123]

Teraweb2000 (18 Декабрь 2015 - 19:16) писал:

Как сделать название товара в 3 строчки,
http://joxi.ru/52a5yyRuG48QB2

Здравствуйте, укажите номер аккаунта.

[Teraweb2000]

SL-369206

[Vaccina]

В main.css найдите:

.products-grid .item .item-inner .product-name a {
	font-size: 16px;
	font-weight: 600;
	height: 22px;
	line-height: 22px;
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

замените на:

.products-grid .item .item-inner .product-name a {
	font-size: 16px;
	font-weight: 600;
	line-height: 22px;
	display: block;
	overflow: hidden;
	height: 70px;
}

далее найдите:

.products-grid .item .item-inner .item-info {
	padding: 10px;
	overflow: hidden;
	border-bottom: 1px solid #E5E5E5;
	max-height: 72px;
}

замените на:

.products-grid .item .item-inner .item-info {
	padding: 10px;
	overflow: hidden;
	border-bottom: 1px solid #E5E5E5;
	height: 122px;
}

[Teraweb2000]

Vaccina (19 Декабрь 2015 - 04:14) писал:

В main.css найдите:

.products-grid .item .item-inner .product-name a {
font-size: 16px;
font-weight: 600;
height: 22px;
line-height: 22px;
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}

замените на:

.products-grid .item .item-inner .product-name a {
font-size: 16px;
font-weight: 600;
line-height: 22px;
display: block;
overflow: hidden;
height: 70px;
}

далее найдите:

.products-grid .item .item-inner .item-info {
padding: 10px;
overflow: hidden;
border-bottom: 1px solid #E5E5E5;
max-height: 72px;
}

замените на:

.products-grid .item .item-inner .item-info {
padding: 10px;
overflow: hidden;
border-bottom: 1px solid #E5E5E5;
height: 122px;
}

Спасибо

А как так же сделать в блоке Вы смотрели?

[MikDark]

Teraweb2000 (19 Декабрь 2015 - 13:10) писал:

Спасибо

А как так же сделать в блоке Вы смотрели?

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

.viewed .block-content .recently-item .product-name a {
	max-height: 20px;
	line-height: 20px;
	font-size: 16px;
	font-weight: 600;
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

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

.viewed .block-content .recently-item .product-name a {
	line-height: 20px;
	font-size: 16px;
	font-weight: 600;
	display: block;
}

[Teraweb2000]

MikDark (19 Декабрь 2015 - 15:02) писал:

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

.viewed .block-content .recently-item .product-name a {
max-height: 20px;
line-height: 20px;
font-size: 16px;
font-weight: 600;
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}

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

.viewed .block-content .recently-item .product-name a {
line-height: 20px;
font-size: 16px;
font-weight: 600;
display: block;
}

Спасибо

[Rosalina]

Vaccina (19 Декабрь 2015 - 04:14) писал:

В main.css найдите:

.products-grid .item .item-inner .product-name a {
font-size: 16px;
font-weight: 600;
height: 22px;
line-height: 22px;
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}

замените на:

.products-grid .item .item-inner .product-name a {
font-size: 16px;
font-weight: 600;
line-height: 22px;
display: block;
overflow: hidden;
height: 70px;
}

далее найдите:

.products-grid .item .item-inner .item-info {
padding: 10px;
overflow: hidden;
border-bottom: 1px solid #E5E5E5;
max-height: 72px;
}

замените на:

.products-grid .item .item-inner .item-info {
padding: 10px;
overflow: hidden;
border-bottom: 1px solid #E5E5E5;
height: 122px;
}

\


Выполнила все по инструкции, помогите теперь выровнять в одну строку цену и оценку товарак (звездочки). Спасибо

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

• 

[Danil]

Rosalina (05 Январь 2016 - 19:32) писал:

\


Выполнила все по инструкции, помогите теперь выровнять в одну строку цену и оценку товарак (звездочки). Спасибо

Здравствуйте.
В main.css найдите код

.products-grid .item .item-inner .price-box {
	float: left;
	width: 100%;
}

и замените на

.products-grid .item .item-inner .price-box {
	float: left;
}

[Rosalina]