Строка названия товара под картинкой

[kostya066]

Есть такая проблема в режиме сетки, название товара находиться поверх кнопки корзины и заметки тд. Как можно сократить название до 2х строк?

[NikeSupermen]

сделай название меньше

[DariyGRAY]

:-) :-) :-) :-)  А не проще подправить css - увеличить длину бокса, в котором товар и описание находятся?

[Гість]

Есть такая проблема в режиме сетки, название товара находиться поверх кнопки корзины и заметки тд. Как можно сократить название до 2х строк?

1375704481_crhby.jpg

можно для блока сделать минимальную высоту min-height (это чтобы блоки были одной высоты) и плюс к этому сделать hidden дляблока

[askirov]

или можно в файле catalog/view/theme/ваша тема/template/product/category.tpl в строке 

<div class="name"><a href="<?php echo $product['href']; ?>"><?php echo $product['name'];?></a></div>

сделать следующее 

<div class="name"><a href="<?php echo $product['href']; ?>"><?php if (strlen($product['name']) > 15) {echo utf8_substr($product['name'],0,10).'...'; } else {echo $product['name'];}?></a></div>

т.е. если символов больше 15 то сократить до 10 значения поставьте свои.

[kostya066]

или можно в файле catalog/view/theme/ваша тема/template/product/category.tpl в строке 

<div class="name"><a href="<?php echo $product['href']; ?>"><?php echo $product['name'];?></a></div>

сделать следующее 

<div class="name"><a href="<?php echo $product['href']; ?>"><?php if (strlen($product['name']) > 15) {echo utf8_substr($product['name'],0,10).'...'; } else {echo $product['name'];}?></a></div>

т.е. если символов больше 15 то сократить до 10 значения поставьте свои.

Это то что и нужно,  но если сделать список то сокращение и на него работает, хотя там можно и все название оставить :(

[kostya066]

можно для блока сделать минимальную высоту min-height (это чтобы блоки были одной высоты) и плюс к этому сделать hidden дляблока

А не подскажите где это править?

[Гість]

А не подскажите где это править?

.box-product .name a,.product-grid .name a,.product-list .name a {
color: rgb(46, 48, 46);
min-height: 65px;
font-size: 10px;
font-weight: bold;
display:block;
overflow:hidden;
padding:0 2px;
}

примерно так...

[kostya066]

.box-product .name a,.product-grid .name a,.product-list .name a {
color: rgb(46, 48, 46);
min-height: 65px;
font-size: 10px;
font-weight: bold;
display:block;
overflow:hidden;
padding:0 2px;
}

примерно так...

Итог, параметр hidden не работает, текст все равно налазит на панельку. Стал только шрифт текста мешьше

[Гість]

Итог, параметр hidden не работает, текст все равно налазит на панельку. Стал только шрифт текста мешьше

ссылочку дайте посмотреть...

[kostya066]

ссылочку дайте посмотреть...

Тестирую на денвере :)

А сам сайт с косяком вот тут http://www.dxru.ru/

Поправил параметр 

.product-grid .name {
	border-left: 1px solid #d2d2ce;
	border-right: 1px solid #d2d2ce;
	height: 60px;
	padding: 5px;

Стало так, теперь мешается блок рейтинг (звездочки)

 

Конечно можно сделать так:

.product-grid .name {
	border-left: 1px solid #d2d2ce;
	border-right: 1px solid #d2d2ce;
	overflow:hidden;
	height: 35px;
	padding: 5px;

[kostya066]

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

Сделано:

.product-grid .name {
	border-left: 1px solid #d2d2ce;
	border-right: 1px solid #d2d2ce;
	overflow:hidden;
	height: 40px;
	padding: 5px;

.product-grid .rating {
    position: absolute;
	margin: 7px;
	width: 228px;
	text-align: center;
	bottom: 90px;
	left: 0;
	z-index: 1;
}

ну и блок рекомендуемые и хит продаж:

.box-product .name {
	border-left: 1px solid #d2d2ce;
	border-right: 1px solid #d2d2ce;
	height: 40px;
	padding: 5px;
	overflow:hidden;
}

Змінено 7 серпня 2013 користувачем kostya066

[Гість]

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

[DariyGRAY]

Да и я писал о правке в css :-) Рад, что осилил)))