[Решено] Убрать под спойлер длинный список категорий

denben777

Захожу иногда
157
78 / 1

[Решено] Убрать под спойлер длинный список категорий

« : 19.09.2012, 00:21:47 »

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

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

« Последнее редактирование: 11.12.2012, 20:38:53 от denben777 »

Записан

denben777

Захожу иногда
157
78 / 1

Re: Убрать под спойлер длинный список катего&

« Ответ #1 : 11.12.2012, 20:37:34 »

В общем разобрался сам. Решаем вопрос с помощью плагина 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!
Удачной работы!

« Последнее редактирование: 11.12.2012, 21:00:59 от nevigen »

Записан

Ponka

Захожу иногда
77
0 / 0

RE: Убрать под спойлер длинный список категорий

« Ответ #2 : 05.02.2013, 23:04:05 »

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

Записан

[Решено] Вывод 3-х первых картинок в списке товаров категории Автор rudoy24	Ответов: 30 Просмотров: 13132	19.07.2024, 11:41:28 от juleczka
[Решено] Увеличение выбора покупаемых товаров + - Автор Aspik	Ответов: 216 Просмотров: 51164	02.08.2023, 21:31:25 от kit2m2
Разные шаблоны для отдельных категорий и товаров Автор dmitry.pr	Ответов: 118 Просмотров: 38687	15.12.2022, 08:57:44 от nevigen
Кнопка "Добавить в список желаний" в общем списке товаров Автор gavruwa	Ответов: 23 Просмотров: 19857	12.09.2022, 11:32:22 от IgorGeneralov
[Решено] Порядок подкатегорий Автор jimka	Ответов: 7 Просмотров: 3180	15.04.2021, 10:01:57 от jimka

[Решено] Убрать под спойлер длинный список категорий - Дизайн и оформление

Новости Joomla

🏆 Открыто голосование за Joomla в премии CMS Critic People’s Choice Awards 2025

👩‍💻 Релиз JoomGallery 4.3.0 - компонент галереи изображений для Joomla.

👩‍💻 Вместе мы развиваем Joomla: станьте Joomfluencer!

denben777

[Решено] Убрать под спойлер длинный список категорий

denben777

Re: Убрать под спойлер длинный список катего&

Ponka

RE: Убрать под спойлер длинный список категорий

Похожие темы