Перейти к содержанию
kostya066

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

Рекомендуемые сообщения

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

post-669720-0-40215100-1375772967_thumb.jpg

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

attachicon.gif1375704481_crhby.jpg

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

  • +1 1

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

или можно в файле 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 значения поставьте свои.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

или можно в файле 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 значения поставьте свои.

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

можно для блока сделать минимальную высоту 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;
}

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

  • +1 1

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
.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 не работает, текст все равно налазит на панельку. Стал только шрифт текста мешьше

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

  • +1 1

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

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

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

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

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

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

post-669720-0-45392600-1375866623_thumb.jpg

 

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

Сделано:

.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;
}
Изменено пользователем kostya066

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

  • +1 1

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти

  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.