Jump to content
покупайте без комиссии
Search In
  • More options...
Find results that contain...
Find results in...
  • Sign Up

Как сократить название товара


Recommended Posts

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

Безымянный.jpg

Link to post
Share on other sites

Странная задача, но такое можно решить посредством CSS. Доводилось как то сокращать длину текста в «хлебных крошках» для мобильной версии, не могу найти ссылку на мануал...

Link to post
Share on other sites

33 минуты назад, zlatoff сказал:

Странная задача, но такое можно решить посредством CSS. Доводилось как то сокращать длину текста в «хлебных крошках» для мобильной версии, не могу найти ссылку на мануал...

Да задача не странная - просто у меня один товар подходит к нескольким моделям (запчасти), соответственно этот товар направляю на 10 категорий, нельзя же один артикул разместить с уникальным (коротким названием) в каждой.

Link to post
Share on other sites

Нашел. Милая вещь все таки «Quiver». Присвойте блоку с наименованием класс, в котором используйте следующие атрибуты:

display: inline-block; max-width: 8em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: middle;

В результате CSS будет срезать лишнее в оверфлоу, а в хвост наименования добавлять многоточие. К примеру «оченьдлинноенаименование» отразится на экране как «оченьдлинноен...» при этом семантика для ПС сохранится.

Длину подберите экспериментально, меняя показатель в max-width (в примере 8em).

Link to post
Share on other sites

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

Link to post
Share on other sites
31 минуту назад, Tom сказал:

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

Вот одно из наименованний товара - 
"Кольцо стопорное шайбы тарелки для Stihl MS-170/171/180/181/200/210/211/230/250/260/290/310/341/360/361/380/381/390/440/640/650/660"
Числа через дробь это разные модели, разные подкатегории соответственно где вывести этот товар необходимо.
Ссылку я не приложу - так как я не не нашел решения, сделал бэкап. Но отображается оно точно так, как и на приложенном скрине.

Link to post
Share on other sites

Я же дал вам рабочее решение выше. Вот протестируйте вот этот код:

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>test</title>
</head>
<style>
.name {display: inline-block; max-width: 8em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: middle;}
</style>
<body>
	<p class="name">Кольцо стопорное шайбы тарелки для Stihl MS-170/171/180/181/200/210/211/230/250/260/290/310/341/360/361/380/381/390/440/640/650/660</p>
</body>
</html>

 

Link to post
Share on other sites

Зайди в (если это название тебя коробит в категории) настройки шаблона в админке

найди строчку кода (если это версия 2.3.0.2):

kolvo.thumb.jpg.ed510be80b0dc1013c4a5d6e22dc2c8c.jpg

Edited by auditor
Link to post
Share on other sites
8 часов назад, zlatoff сказал:

Я же дал вам рабочее решение выше. Вот протестируйте вот этот код:


<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>test</title>
</head>
<style>
.name {display: inline-block; max-width: 8em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: middle;}
</style>
<body>
	<p class="name">Кольцо стопорное шайбы тарелки для Stihl MS-170/171/180/181/200/210/211/230/250/260/290/310/341/360/361/380/381/390/440/640/650/660</p>
</body>
</html>

 

Да, спасибо большое - ваши ответы решили мою проблему. (Закинул это в нижнюю строчку файла stylesheet) осталось только длину подрегулировать потому что чересчур обрезает. 

.name {display: inline-block; max-width: 8em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: middle;}
Link to post
Share on other sites

11 часов назад, Tom сказал:

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

В общем спасибо и Вам, я задумался над вашими словами "название и 100500 букв без ПРОБЕЛОВ - просто в названии заменил слеш на запятую с пробелом, стало отображать так как нужно!! Спасибо.

Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...

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.