Скрыть фильтр товаров под спойлер для мобильных - Дизайн и оформление

Всем привет!
Подскажите, как можно скрыть фильтр товаров под спойлер, но только для мобильных.

вопрос очень размыт. что такое "как"? можно css-ом, можно javascript-ом, может быть в вашем фреймворке уже это реализовано и ничего выдумывать не надо, а нужно только правильно HTML прописать, и так далее. все зависит от исходных данных, и от желаемого результата. вариантов решения очень много. и фильтров тоже.

Ну вот пробовал так css-ом: Работает, но при этом фильтр некорректно отображается (там где чекбоксы, ничего не выводит).

может проще показать проблему ?

может проще показать проблему ?

Вот так должно быть: http://www.picshare.ru/view/8235491/

А вот так получается: http://www.picshare.ru/view/8235490/

Фильтр ваш, nevigen.

показать - это не скриншоты показать - это сайт.

Я так понимаю, Вам нужно это - Модуль аккордеона любой модульной позиции для Joomla

показать - это не скриншоты показать - это сайт.

К сожалению, оставлять фильтр в нерабочем состоянии не могу (. Поэтому сейчас он работает в штатном режиме и там не показать проблему. Поэтому скриншот сделал и вернул все на место.

Я так понимаю, Вам нужно это - Модуль аккордеона любой модульной позиции для Joomla

  Спасибо, попробовал. Но теперь другая проблема: фильтр перестал нормально функционировать... Вернул обратно.

Вы хотите автоматическое (или управляемое) скрытие блока/diva в зависимости от размера экрана?
И что значит для мобильных? У всех устройств есть своё разрешение экрана.

В идеале, нужно чтобы при ширине экрана меньше определенного значения, фильтр не выводился автоматом, а выводился после нажатия на соответствующую надпись, типа подобрать товар по параметрам.

Есть такой плагин (не путать с плагином для Joomla):
http://www.jqueryscript.net/text/jQuery-Plugin-To-Auto-Expand-Collapse-Content-Based-On-Screen-Size-autoexpend.html

Там есть демка: при сворачивании экрана (мобильная версия) ниже 767px (меняется в настройках) обрезается текст по тегу и образуется спойлер. Ну и скачать там можно исходники и описание есть.

Пару дней ждет, конечно. А плагин где будет доступен?

Пару дней ждет, конечно. А плагин где будет доступен?

На форуме, если я успею с контентой частью.
Для редактора системный уже готов.

Зачем ТС плагин для редактора, если речь идет о модуле?

Зачем ТС плагин для редактора, если речь идет о модуле?

Там и модуль будет на основе плагина, но после контентного.
Всё запланировано, но пошагово.

В идеале, нужно чтобы при ширине экрана меньше определенного значения, фильтр не выводился автоматом, а выводился после нажатия на соответствующую надпись, типа подобрать товар по параметрам.

ну это все делается css-ом, ничего военного там нет. вот вам пример https://decorashop.com.ua/pokrytiya-dekorativnye/zhidkie-oboi.html, на телефонах фильтр выезжает слева. можете посмотреть CSS, его с фронта видно, и сделать точно также. javascript там используется только для того, чтобы дать/убрать для id=unijax_filter_wrapper класс open. все остальное зависит от этого класса.

javascript там используется только для того, чтобы дать/убрать для id=unijax_filter_wrapper класс open. все остальное зависит от этого класса.

  Как скрыть css-ом блок div для мобил я представляю. Я не совсем понимаю, как css-ом заставить после определенного действия пользователя вывести этот div. В приведенном вами примере, насколько я понял, это все же достигается именно с помощью javascript (добавляется класс open для unijax_filter_wrapper и соотвественно фильтр появляется в видимой области экрана).

можно и без javascript совсем, если задача именно в этом. но что мешает вам сделать точно также?

Пару дней ждет, конечно. А плагин где будет доступен?

Ну вот выложил для редактора и контента пока Плагин "Mobile Readmore"
По поводу модуля-думал врезать в системный, чтобы для всех модулей, но будет много запросов.

На выходных подумаю, как лучше, через суффикс модуля.
Повторюсь-не терпиться-сделайте ручками.

В описании плагина написано, что для Joomla 3.6. Я вот все еще на двойке. Получается вашим решением не удастся воспользоваться ((
Ручками бы рад, но в javascript совсем ноль. Попробую поковыряться, может что и выйдет.

Так вы и нигде не афишировали, что у вас J2.5.

Вам нужно для модуля вашего 3 вещи:
-css-указать @media пределы.
-js-чтобы на фронте это ловил(хотя тут можно и php)
-в разметке(или модуле) указать новый класс из css.

Подождите уже до понедельника, помогу. Может и ранее выложу код пошаговый, что куда тыкать.
Не в коде дело: просто до выкладывания тестить нет времени и улучшать.

Могу на вскидку написать сегодня без тестирования, если сможете править под себя.

Подождите уже до понедельника, помогу.

Пробовал сделать самостоятельно с js, но работоспособной версии так и не добился (( Не хватает знаний и опыта. Есть ли новости по вашему плагину, на 2.5 можно будет запустить?

В итоге все же добился рабочей версии с js. Всем спасибо.

В итоге все же добился рабочей версии с js. Всем спасибо.

Можете итоговым вариантом поделиться?

итоговым вариантом коммерческого продукта ?
не сможет
ВАРЕЗ НА ФОРУМЕ ЗАПРЕЩЕН!

При чем тут варез?
Итоговым вариантом решения обсуждавшейся проблемы.

В итоге все же добился рабочей версии с js. Всем спасибо.

интересует этот же вопрос. Указанные методы не помогли, либо я что-то не так делала.