Название не помещается в хлебных крошках

Вы мне не поможете еще советом? Теперь другая проблема из-за размера названия. Скриншот прилагается.

 

убрать white-space: nowrap;
Но на вашем месте я бы вообще убрал бы отображение хлебных крошек на мобильной версии подстановкой класса hidden-xs в class="breadcrumb"

 

А не подскажите в каком файле заменить?)))

 

нашел в CSS! Изменил,все работает))) Сейчас попробую найти class="breadcrumb .

 

Спасибо Вам XDX огромное!!!! Класс hidden-xs так и не нашел куда вставить, да и ладно))) Очень помогли мне сегодня!

 

Для того чтобы вставить класс нужно зайти catalog/view/theme/*/product/product.tpl и в самом верху есть элемент ul с классом breadcrumb, ставите пробел и вписываете класс, получиться

HTML:

<ul class="breadcrumb hidden-xs">

Ну или воспользоваться css, написать

HTML:

@media(max-width: 768px) {.breadcrumb {display:none;}}

 

Спасибо! А можно название товара которое на скрине поместить для мобильной версии над фото?

 

Конечно можно!

PHP:

<?php echo utf8_substr(strip_tags(html_entity_decode($description, ENT_QUOTES, 'UTF-8')), 0, 200) . '..';?>

200 - кол.символов.

 

У меня меняется описание товара,а мне нужно название которое на скрине под фото.

 

Все я понял))

PHP:

<?php echo $heading_title; ?>

 

Спасибо появился! Но хотелось бы так же жирным шрифтом как под фото и еще, что бы под фото небыло этого названия, только над ним.

 

Ну так сиди дальше пей и забудь что я пишу..

 

Не понял Вас)))

 

Это не вам, а для любителя молока..

 

Понятно!

 

Была похожая проблема с длинной строкой в хлебных крошках, решил её удалением тега в css в стиле .breadcrumb > li { ... white-space: nowrap;
Убирается запрет переноса строки.

 

Здравствуйте. Такая же проблема, подскажите где поменять или удалить
}

/* breadcrumb */
.breadcrumb {
margin-bottom: 20px;
padding: 9px 0;
background: none;
white-space: nowrap;
text-align: left;
}

.breadcrumb i {
font-size: 15px;
}

.breadcrumb > li {
position: relative;
text-shadow: 0 1px 0 #FFF;
white-space: nowrap;
}

.breadcrumb > li + li:before {
content: '/';
padding: 10px;
}

.pagination {
margin: 0;
}

 

В предыдущем сообщении был ответ:

В вашем случае можно убрать или закомментировать строку:

 

Спасибо большое за ответ. .Закомментирование не изменило к сожалению.
Удаление тоже