Перенос строки названия товара

[qwerty90]

Подскажите , столкнулся с проблемой , название товара в карточке товара не переносится на другую строку строку , а заканчивается многоточием. Как сделать перенос?

[Гість]

Поделитесь ссылкой, необходимо ознакомится с кодом, или сделайте скрины.

[qwerty90]

http://santehnika-timo.ru/showers-timo/

[Гість]

Может я не понял или Вы не правильно поставили вопрос, но с названием товара как в карточке так и в категории у Вас всё отлично.

 

Вы имели ввиду описание товара в категории?

Змінено 9 квітня 2017 користувачем Гість

[qwerty90]

Нееее))) Сейчас на скрине покажу

[qwerty90]

[Гість]

где?

[qwerty90]

2 минуты назад, nexus сказал:

где?

 А вот это поворот))) А вы с какого браузера пробуете . У меня гугл хром и там вверху выводится название и потом многоточие

[Гість]

Всё, нашел.. В стилях уберите white-space: nowrap; строка 1085.

[qwerty90]

Сейчас попробую

[Eldaeron]

qwerty90,

 

css: (1598 строка)

.product-grid .name a {

overflow: visible;

white-space: normal;

}

Змінено 9 квітня 2017 користувачем Eldaeron

[qwerty90]

Вариант  @nexus  меняет перенос в модулях на главной , а вариант @Eldaeron  в категории , но там верстка едет . В принципе понял куда копать. Спасибо за помощ

[Eldaeron]

Тогда просто в шаблоне для категорий /product/category.tpl именно для списка плиткой(блоками) добавьте один ище клас, как хотите назовите, и придайте эти 2 значение что я описал:

 

<a class="product-grid name category-block-fix" ....

 

.category-block-fix {
overflow: visible;
white-space: normal;
}

 

Змінено 9 квітня 2017 користувачем Eldaeron

[Гість]

Только что, qwerty90 сказал:

Вариант  @nexus  меняет перенос в модулях на главной , а вариант @Eldaeron  в категории , но там верстка едет . В принципе понял куда копать. Спасибо за помощ

На самом меняет везде, где используется этот класс 

stylesheet.css

 

.box-product .name { 
    display: block;
    padding: 0 0 5px;
    text-align: center;
    font-size: 14px;
    overflow: hidden;
    /*! white-space: nowrap; */ <---- вот эта строчка
    text-overflow: ellipsis;
    width:100%;
}

 

 

[qwerty90]

45 минут назад, nexus сказал:

На самом меняет везде, где используется этот класс 

stylesheet.css

 

.box-product .name { 
    display: block;
    padding: 0 0 5px;
    text-align: center;
    font-size: 14px;
    overflow: hidden;
    /*! white-space: nowrap; */ <---- вот эта строчка
    text-overflow: ellipsis;
    width:100%;
}

 

 

 

 Разобрался , что бы верстка не иплась . Нужно  вместо padding: 0 0 5px;   добавить height: 45px; ( пиксели естественно нужно под себя подгонять).

[Гість]

Только что, qwerty90 сказал:

 

 Разобрался , что бы верстка не иплась . Нужно  вместо padding: 0 0 5px;   добавить height: 45px; ( пиксели естественно нужно под себя подгонять).

Рад что помог Вам!