Перейти до вмісту
Пошук в
  • Детальніше...
Шукати результати, які ...
Шукати результати в ...

Как настроить длину названия товара в мобильной версии?


Recommended Posts

Добрый день!

Проявилась такая проблема - длинные названия в мобильной версии сайта выходят за пределы видимой области, появляется горизонтальная прокрутка. Шаблон стандартный. Подскажите пожалуйста, как и где это можно отрегулировать?

Screenshot_2021-01-21-12-17-18-204_com.android.chrome.jpg

Screenshot_2021-01-21-12-17-28-402_com.android.chrome.jpg

Надіслати
Поділитися на інших сайтах


27 минут назад, simona_polagina сказал:

Добрый день!

Проявилась такая проблема - длинные названия в мобильной версии сайта выходят за пределы видимой области, появляется горизонтальная прокрутка. Шаблон стандартный. Подскажите пожалуйста, как и где это можно отрегулировать?

catalog/controller/product/product.php строка 228 

$data['heading_title'] = $product_info['name'];

Можете тут например добавить какую-то логику сокращения длины названия... типа обрезать до определенного количества символов которое Вам подходит и в конец добавить ...

Например так:
 

$data['heading_title'] = substr($product_info['name'], 0, 15) . '...';

Зависит от того что вы в действительности хотите отображать... Если обрезанное название - это норм - то вариант выше описан. Если какие-то другие потребности - то надо отталкиваться от них.

Надіслати
Поділитися на інших сайтах

@ OtezVikentiy спасибо, а может есть вариант, чтобы это название размещалось в 3 строки, например. Где-то же стоит ограничение, что только 2 строки названия в мобильной версии, поэтому оно и выходит за пределы. Найти бы где) 

Надіслати
Поділитися на інших сайтах


8 минут назад, KomissarJuve сказал:

у вас на сайте вообще у товаров странные наименования

вместе именем идут тех характеристики и страна бренда

 

Точняк

Названия странные

 

Надіслати
Поділитися на інших сайтах


  catalog\view\theme\тема\template\product\product

<div class="bread_scroll">
      <ul class="breadcrumb........................">

 

ваш код


      </ul>
   </div>

 

в стили

 

@media (max-width: 991px) {

.bread_scroll {
white-space: nowrap;
display:block!important;
flex-wrap: nowrap;
max-width: 100%;
overflow-x: scroll;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
scroll-behavior: auto;
}

}

Надіслати
Поділитися на інших сайтах

3 минуты назад, simona_polagina сказал:

@kwakin, а в чем странность? 

я вам могу ответить за квакина

квакин не обижайся !

Бежевые фактурные ботильоны на каблуках с квадратным мысом Италия

-----------------------------------------

на каблуках -  это тех харак

квадратным мысом -  это тех харак

Италия -  это тех харак

-------------------------------------

я бы сделал так

Бежевые  ботильоны (и можно артикул добавить)

Надіслати
Поділитися на інших сайтах


9 минут назад, simona_polagina сказал:

@ OtezVikentiy спасибо, а может есть вариант, чтобы это название размещалось в 3 строки, например. Где-то же стоит ограничение, что только 2 строки названия в мобильной версии, поэтому оно и выходит за пределы. Найти бы где) 

Это можно поправить в шаблоне catalog/view/theme/default/template/product/product.twig там где используется {{ heading_title }} - там отображается название товара. Соответственно нужно найти эти места и поправить так, чтобы блок не разрывало, а чтобы текст переносился... Как вариант добавить CSS стили какие-то для блока с названием.

 

Надіслати
Поділитися на інших сайтах

в брендовые магазы зайдите и посмотрите имя товара

только что зашел на ламоду

коротко и ясно

------------------------

решать вам

либо здравый смысл

либо ..........

Змінено користувачем KomissarJuve
Надіслати
Поділитися на інших сайтах


@KomissarJuve спасибо за ответ, все верно, однако как быть с уникальностью заголовка? ведь никто не пишет например "смартфон xiomi",  а пишут "смартфон xiaomi redmi note 9 pro 6/64gb", то есть конкретный товар и его название... 

Надіслати
Поділитися на інших сайтах


11 минут назад, simona_polagina сказал:

@KomissarJuve спасибо за ответ, все верно, однако как быть с уникальностью заголовка? ведь никто не пишет например "смартфон xiomi",  а пишут "смартфон xiaomi redmi note 9 pro 6/64gb", то есть конкретный товар и его название... 

Решать только вам

я бы это в мета тег дескрипшен добавил

Змінено користувачем KomissarJuve
Надіслати
Поділитися на інших сайтах


Створіть аккаунт або увійдіть для коментування

Ви повинні бути користувачем, щоб залишити коментар

Створити обліковий запис

Зареєструйтеся для отримання облікового запису. Це просто!

Зареєструвати аккаунт

Вхід

Уже зареєстровані? Увійдіть тут.

Вхід зараз
  • Зараз на сторінці   0 користувачів

    • Ні користувачів, які переглядиють цю сторінку
×
×
  • Створити...

Important Information

На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність.