Сократить название товара в хлебных крошкам

[storer]

Всем привет

 

Как сократить название товара в хлебных крошках в карточке товара? Например до 100 символов, а то не влезает и переносится на новую строку, выглядит не очень.

 

Понимаю, что нужно вставить примерный код, но не до конца понимаю в каком месте в product.php

utf8_substr(strip_tags(html_entity_decode($name, ENT_QUOTES, 'UTF-8')), 0, 200) . '..';?>

 

[DariyGRAY]

catalog\controller\product\category.php

 

$data['breadcrumbs'][] = array(
  'text' => $product_info['name'],
  'href' => $this->url->link('product/product', $url . '&product_id=' . $product_id)
); 

заменить на

$data['breadcrumbs'][] = array(
  'text' => utf8_substr(strip_tags(html_entity_decode($product_info['name'], ENT_QUOTES, 'UTF-8')), 0, {X}) . '..',
  'href' => $this->url->link('product/product', $url . '&product_id=' . $this->request->get['product_id'])
);

{X} - заменить на количество символов

 

Но я бы подобное делал средствами CSS. Проще и правильнее с точки зрения SEO (мое субъективное мнение)

[Tom]

Стилями не вариант ? Что то типа

.breadcrumb{overflow-x:auto;white-space:nowrap;}

 

[chukcha]

51 минуту назад, DariyGRAY сказал:

 

Но я бы подобное делал средствами CSS. Проще и правильнее с точки зрения SEO (мое субъективное мнение)

ДА

[storer]

3 часа назад, Tom сказал:

Стилями не вариант ? Что то типа

.breadcrumb{overflow-x:auto;white-space:nowrap;}

 

почти вариант! только появляется полоса прокрутки((

если сделать overflow-x: hidden;

то обрезается жестко, хотя бы "..." поставить в конце

Змінено 18 листопада 2020 користувачем storer

[Tom]

9 часов назад, storer сказал:

только появляется полоса прокрутки((

Ну так это то , для чего я написал этот код. Убрать перенос строк, добавить скрол.

Медиа запросами можно добавить к примеру на мобильные и тогда можно будет эти крошки таскать пальцем.

 

[Tom]

8 часов назад, storer сказал:

то обрезается жестко, хотя бы "..." поставить в конце

Для этого есть text-overflow: ellipsis;

[storer]

Скролл не убирается.

Если поставить text-overflow: ellipsis; то вообще убирает название товара и меняет на "...". Т.е. получается Категория / Подкатегория / ... (а должно быть сокращенное название товара)

 

Кстати подобная проблема есть и в атрибутах, некоторые значения очень длинные, сделать бы что-то типа спойлера, показать часть значения, остальное спрятать под "Показать все"