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

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.
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

[Решено] Увеличение выбора покупаемых товаров + -

Автор Aspik

Ответов: 216
Просмотров: 43515
Последний ответ 02.08.2023, 21:31:25
от kit2m2
[Решено] Вывод 3-х первых картинок в списке товаров категории

Автор rudoy24

Ответов: 29
Просмотров: 9888
Последний ответ 09.05.2023, 11:59:11
от Akeksandr
Разные шаблоны для отдельных категорий и товаров

Автор dmitry.pr

Ответов: 118
Просмотров: 34177
Последний ответ 15.12.2022, 08:57:44
от nevigen
Кнопка "Добавить в список желаний" в общем списке товаров

Автор gavruwa

Ответов: 23
Просмотров: 17304
Последний ответ 12.09.2022, 11:32:22
от IgorGeneralov
[Решено] Порядок подкатегорий

Автор jimka

Ответов: 7
Просмотров: 1492
Последний ответ 15.04.2021, 10:01:57
от jimka