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

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

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

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


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

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

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


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

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

 

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

Изменено пользователем nexus

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


Ссылка на сообщение
Поделиться на другие сайты
2 минуты назад, nexus сказал:

где?

Screenshot_1.png

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

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


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

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

  • +1 1

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


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

qwerty90,

 

css: (1598 строка)

.product-grid .name a {

overflow: visible;

white-space: normal;

}

Изменено пользователем Eldaeron
  • +1 1

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


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

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

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


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

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

 

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

 

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

 

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

 

 

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


Ссылка на сообщение
Поделиться на другие сайты
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; ( пиксели естественно нужно под себя подгонять).

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

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


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

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

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

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

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

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

Войти

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

Войти

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

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

×

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

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