Перейти до вмісту
Пошук в
  • Детальніше...
Шукати результати, які ...
Шукати результати в ...

Стандартный фильтр в моб.версии


Recommended Posts

Всем доброго времени суток! :lol:

Используем стандартный фильтр сборки 2.1.0.1.10. Настроили фильтр, подогнали под больше чем 1000 товаров и обнаружили что фильтр не отображается на мобильной версии.

Напишите пожалуйста код для цсс который будет отображать фильтр в моб.версии. Точней будем кнопка на которую нажимаешь и вылетает фильтр. Лично с цсс дружу, но увы не было сильной практики по мобильной верстке. Спасибо!

Ссылка на сайта - x-game.com.ua

Надіслати
Поділитися на інших сайтах


<aside id="column-left" class="col-sm-3 hidden-xs">

выделенный класс скрывает левый сайдбар

catalog\view\theme\default\template\common\column_left.tpl

убираете этот класс и наблюдаете фильтр на мобильных.

Тем более что в этом сайдбаре у вас кроме фильтра ничего нет.

P.S.

Если в левой колонке будет что-то кроме фильтра, например, какие-то модули, то они появятся на мобильных тоже.

Змінено користувачем jaffagold
  • +1 1
Надіслати
Поділитися на інших сайтах


jaffagold, Спасибо! Помогло. А возможно знаете как сделать что бы фильтр открывался по кнопке? Например как в моб.версии меню навигации открывается по кнопке.

Надіслати
Поділитися на інших сайтах


  • 4 months later...
  • 1 year later...
On 6/20/2017 at 10:26 AM, jaffagold said:

<aside id="column-left" class="col-sm-3 hidden-xs">

выделенный класс скрывает левый сайдбар

catalog\view\theme\default\template\common\column_left.tpl

убираете этот класс и наблюдаете фильтр на мобильных.

Тем более что в этом сайдбаре у вас кроме фильтра ничего нет.

P.S.

Если в левой колонке будет что-то кроме фильтра, например, какие-то модули, то они появятся на мобильных тоже.

 

Надіслати
Поділитися на інших сайтах


  • 1 year later...
  • 3 weeks later...
В 20.06.2017 в 10:26, jaffagold сказал:

<aside id="column-left" class="col-sm-3 hidden-xs">

выделенный класс скрывает левый сайдбар

catalog\view\theme\default\template\common\column_left.tpl

убираете этот класс и наблюдаете фильтр на мобильных.

Тем более что в этом сайдбаре у вас кроме фильтра ничего нет.

P.S.

Если в левой колонке будет что-то кроме фильтра, например, какие-то модули, то они появятся на мобильных тоже.


3.0.3.2 - Спасибо сработало! (зы: не забудьте очистить кэш , обновить модификаторы)

Надіслати
Поділитися на інших сайтах


  • 4 months later...
В 20.06.2017 в 10:26, jaffagold сказал:

<aside id="column-left" class="col-sm-3 hidden-xs">

выделенный класс скрывает левый сайдбар

catalog\view\theme\default\template\common\column_left.tpl

убираете этот класс и наблюдаете фильтр на мобильных.

Тем более что в этом сайдбаре у вас кроме фильтра ничего нет.

P.S.

Если в левой колонке будет что-то кроме фильтра, например, какие-то модули, то они появятся на мобильных тоже.

Доброго времени суток товарищи.

У меня тоже сработало на 3.0.3.2 как убрать обратно это дело?

Вернул этот класс <aside id="column-left" class="col-sm-3 hidden-xs"> на место обновил модификаторы и очистил кэш, фильтр в мобильной остался где был.

Надіслати
Поділитися на інших сайтах


  • 1 year later...

Кстати, если не убирать всю строку, а только hidden-xs выкинуть, то в версии для компов все остается как прежде( в моем случае фильтр растекался на всю ширину) и отображается в мобильной версии

 

<aside id="column-left" class="col-sm-3 hidden-xs">

выделенный :o класс скрывает левый сайдбар

Змінено користувачем V1adimir986
Надіслати
Поділитися на інших сайтах


Створіть аккаунт або увійдіть для коментування

Ви повинні бути користувачем, щоб залишити коментар

Створити обліковий запис

Зареєструйтеся для отримання облікового запису. Це просто!

Зареєструвати аккаунт

Вхід

Уже зареєстровані? Увійдіть тут.

Вхід зараз
×
×
  • Створити...

Important Information

На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність.