Jump to content
Sign in to follow this  
kostya066

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

Recommended Posts

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

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

attachicon.gif1375704481_crhby.jpg

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

  • +1 1

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

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

Share this post


Link to post
Share on other sites

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

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

Share this post


Link to post
Share on other sites

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

.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

Share this post


Link to post
Share on other sites
.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 не работает, текст все равно налазит на панельку. Стал только шрифт текста мешьше

Share this post


Link to post
Share on other sites

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

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

  • +1 1

Share this post


Link to post
Share on other sites

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

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

А сам сайт с косяком вот тут 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;

Share this post


Link to post
Share on other sites

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

Сделано:

.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;
}
Edited by kostya066

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

  • +1 1

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
You are posting as a guest. If you have an account, please sign in.
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.

×

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.