0 Пользователей и 1 Гость просматривают эту тему.
  • 2 Ответов
  • 2539 Просмотров
*

denben777

  • Захожу иногда
  • 157
  • 78 / 1
Здравствуйте.
Столкнулся с ситуацией, когда в списке категории нужно спрятать под спойлер все подкатегории начиная с восьмой в списке. То есть в магазине, например в разделе бытовая техника, есть шесть подкатегорий состоящие в свою очередь из двух/трех подкатегорий - кроме шестой, в которой насчитывается целых  десять подкатегорий.
Естественно более-менее равное кол-во списков смотрится лучше и, главное, занимает меньше места на страницы - нужно спрятать "лишние" под спойлер в виде кнопки.


В JoomShopping, по-умолчанию, на странице категории выводятся только главные подкатегории, решение как вывести список всех подкатегорий на странице категории можно посмотреть на этом форуме здесь
Каждый пункт списка выводится в <div>. Нужно все <div> больше седьмого прятать под спойлер. Пример, только с <li> тут
Возможно, кто-нибудь уже сталкивался с подобной задачей - подскажите, пожалуйста, решение.

*

denben777

  • Захожу иногда
  • 157
  • 78 / 1
В общем разобрался сам. Решаем вопрос с помощью плагина Jquery под названием Collapsorz.
Для начала выводим субкатегории на странице категории -> Решение описано тут
После этого в файле http://ваш_сайт/components/com_jshopping/templates/ваш_шаблон/category/category_default.php вставляем в самом верху код:
Код
<script type="text/javascript">
$(function() {
    $("#sub_cats:first-child").collapsorz({
        minimum: 2
        , showText: "Показать все >>>"
        , hideText: "Скрыть <<<"
        , toggle: "a"
    });
});
</script>
#sub_cats:first-child - указываем id блока с которым будет работать плагин.
В моем случае субкатегории обернуты в <section id="sub_cats">субкат.1, субкат.2, субкат.3 ...</section>, а :first-child указан для того, чтобы при клике открывались/закрывались субкатегории только одной категории, а не всех сразу.
minimum: 2 - это кол-во видимых субкатегорий - выставляйте сколько вам нужно.
С showText и hideText думаю все понятно.
После  этого настраиваете CSS как вам нужно.
То что получилось у меня:

Конечно же для работы плагина должна быть подключена библиотека Jquery!
Удачной работы!
*

Ponka

  • Захожу иногда
  • 77
  • 0 / 0
denben777, здравствуйте. Вывести подкатегории у меня получилось, а вот скрыть не получилось. Код вставила, но ничего не происходит. Не поняла про "#sub_cats:first-child - указываем id блока с которым будет работать плагин." Я хочу сделать вывод всех подкатегорий в количестве 5.
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Кнопка "Добавить в список желаний" в общем списке товаров

Автор gavruwa

Ответов: 20
Просмотров: 15203
Последний ответ 06.05.2021, 10:22:03
от musstudent
[Решено] Порядок подкатегорий

Автор jimka

Ответов: 7
Просмотров: 215
Последний ответ 15.04.2021, 10:01:57
от jimka
[Решено] Увеличение выбора покупаемых товаров + -

Автор Aspik

Ответов: 213
Просмотров: 37426
Последний ответ 24.11.2020, 17:25:53
от shop-user
JS4.18.4/Joomla3.9.19 меню Список товаров не видит product.php в шаблоне

Автор tigra-uki

Ответов: 11
Просмотров: 493
Последний ответ 13.06.2020, 19:44:10
от draff
Как убрать вкладку "Доп. информация" в описании товара?

Автор Patriot1986

Ответов: 6
Просмотров: 490
Последний ответ 05.02.2020, 15:26:31
от Ariadna