Перейти к содержанию
Форум поддержки пользователей VamShop

Как свернуть тэги, что б компактнее выводились?


support

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

Как сворачивать большие списки тэгов, что б на смартфоне меньше места занимали.

По умолчанию выводится вот так:

Screenshot from 2020-08-03 09-46-52.png

Сделаем вот так:

Screenshot from 2020-08-03 09-50-17.png

 

Открываем файл /templates/vamshop4/javascript/vamshop4.js

Меняем:

//Expandable Text
//$('.read-more').expandable({
  //'height': 450,
  //'more': '▼',
  //'less': '▲'
//});

на:

//Expandable Text
//$('.read-more').expandable({
  //'height': 450,
  //'more': '▼',
  //'less': '▲'
//});

//Expandable Text
$('.tags-more').expandable({
  'height': 100,
  'more': 'Показать все',
  'less': 'Свернуть'
});

В /templates/vamshop4/module/tags_default.html меняем:

<div class="tags-list"> 

на:

<div class="tags-list tags-more"> 

 

Всё. 

Теперь, если высота с блоками больше 100 пикселей, блок сворачивается и появляется ссылка Показать все.

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