Перейти к содержанию

Рекомендуемые сообщения

Всем доброго времени суток! :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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти

  • Похожий контент

    • От shyn
      1 699.00 руб
      Скачать/Купить дополнение


      Sela - Премиум шаблон для OpenCart
      Sela - шаблон для OpenCart, обладающий высокой производительностью и отвечающий современным тенденциям в дизайне. Максимальная проработка деталей, а также легкость и скорость загрузки страниц, не оставят равнодушными Ваших клиентов, что позволит вывести Ваш магазин на новый профессиональный уровень.
      Мы позаботились обо всём, предоствавив для Вас только самое необходимое. Ведь когда хромает качество, прибегают к количеству. Основная цель при разработке данного шаблона заключалась в удовлетворении спроса тех покупателей, которые устали от однотипных, безликих предложений перегруженных модулями и давно жаждут по-настоящему свежей, современной, обладающей ярким характером и при этом интуитивно понятной технически темы.
      Получите лучшее и наслаждайтесь выполненым на качественном уровне продуктом!

       
      Шаблон поддерживает OpenCart 2.3.x, OpenCart 3.x, ocStore и OpenCart "Русская сборка" соответствующих версий.
       
      ДЕМО МАГАЗИН
       
      Основные особенности
      - Простая установка
      - Макет занимает всю ширину экрана
      - Адаптивный дизайн
      - Цветовые опции
      - 3-х уровневое меню
      - Боковая панель для поиска и меню пользователя
      - Эффект плавной загрузки страницы
      - Ленивая загрузка и анимация при загрузке изображений
      - Анимированные клики на элементах шаблона
      - Опция защиты от копирования изображений
      - Эффект увеличения для изображения на странице товара
      - Превью для подкатегорий
      - Поддержка мультиязычности
      - Стильные иконки от Google
      - Современные шрифты
      - Bootstrap
      - Фиксированный хедер для категорий
      - Поддержка разных браузеров (Chrome, Firefox, Safari, Opera, Edge)
      - Отличные показатели производительности
      - Оптимизированный и структурированный код
      - Подробная документация
       
      Совместимость
      - OpenCart 3.0.x.x
      - OpenCart 2.3.0.x
      - ocStore 2.3.x
      - OpenCart (Русская сборка) 3.0.x
      - OpenCart (Русская сборка) 2.3.x
       
      Список изменений
      20.07.2018
      - Существенно улучшен режим просмотра изображений "Всплывающее окно"
      - Центрирование элементов модуля "Карусель" (Мобильная версия)
       
      12.06.2018
      - Исправлено отображение сетки превью подкатегорий при использовании длинных заголовков
       
      08.06.2018
      - Добавлена ссылка "Читать полностью" для краткого описания
      - Исправлено формирование превью подкатегорий (ocStore 2.3)
       
      24.05.2018
      - Улучшено отображение превью подкатегорий
       
      22.05.2018
      - Добавлена опция отображения краткого описания товара
      - Исправлено отображение тегов (OpenCart 3)
      - Исправлено отображение атрибутов (OpenCart 3)
       
      18.04.2018
      - Исправлено отображение кнопок в корзине (мобильная версия)
      - Добавлена иконка социальной сети "Одноклассники"
      - Удалена иконка Skype
       
      Поддержка
      Поддержка осуществляется по электронной почте или через личные сообщения на форуме.
      В поддержку входят ответы на вопросы, обсуждение деталей связанных с шаблоном, обнаружение и устранение ошибок, пожелания в новой функциональности.
      Установка, настройка, изменение функциональности и доработки не входят в поддержку и могут быть предоставлены в качестве дополнительной услуги, за отдельную плату.
       
      Лицензия
      Шаблон продается с лицензией на один сайт, одна покупка = один домен.
      Перепродажа, выкладывание в публичный доступ и прочие действия подобного характера запрещены и являются нарушением авторских прав.
       
      Добавил shyn Добавлено 18.03.2018 Категория Платные шаблоны Системные требования Сайт разработчика http://themefiber.com Старая цена 2199 Метод активации Без активации Ioncube Loader Нет OpenCart 3.0
      2.3 ocStore 3.0
      2.3 OpenCart.Pro, ocShop Несовместим  
    • От shyn
      Sela - шаблон для OpenCart, обладающий высокой производительностью и отвечающий современным тенденциям в дизайне. Максимальная проработка деталей, а также легкость и скорость загрузки страниц, не оставят равнодушными Ваших клиентов, что позволит вывести Ваш магазин на новый профессиональный уровень.
      Мы позаботились обо всём, предоствавив для Вас только самое необходимое. Ведь когда хромает качество, прибегают к количеству. Основная цель при разработке данного шаблона заключалась в удовлетворении спроса тех покупателей, которые устали от однотипных, безликих предложений перегруженных модулями и давно жаждут по-настоящему свежей, современной, обладающей ярким характером и при этом интуитивно понятной технически темы.
      Получите лучшее и наслаждайтесь выполненым на качественном уровне продуктом!

       
      Шаблон поддерживает OpenCart 2.3.x, OpenCart 3.x, ocStore и OpenCart "Русская сборка" соответствующих версий.
       
      ДЕМО МАГАЗИН
       
      Основные особенности
      - Простая установка
      - Макет занимает всю ширину экрана
      - Адаптивный дизайн
      - Цветовые опции
      - 3-х уровневое меню
      - Боковая панель для поиска и меню пользователя
      - Эффект плавной загрузки страницы
      - Ленивая загрузка и анимация при загрузке изображений
      - Анимированные клики на элементах шаблона
      - Опция защиты от копирования изображений
      - Эффект увеличения для изображения на странице товара
      - Превью для подкатегорий
      - Поддержка мультиязычности
      - Стильные иконки от Google
      - Современные шрифты
      - Bootstrap
      - Фиксированный хедер для категорий
      - Поддержка разных браузеров (Chrome, Firefox, Safari, Opera, Edge)
      - Отличные показатели производительности
      - Оптимизированный и структурированный код
      - Подробная документация
       
      Совместимость
      - OpenCart 3.0.x.x
      - OpenCart 2.3.0.x
      - ocStore 2.3.x
      - OpenCart (Русская сборка) 3.0.x
      - OpenCart (Русская сборка) 2.3.x
       
      Список изменений
      20.07.2018
      - Существенно улучшен режим просмотра изображений "Всплывающее окно"
      - Центрирование элементов модуля "Карусель" (Мобильная версия)
       
      12.06.2018
      - Исправлено отображение сетки превью подкатегорий при использовании длинных заголовков
       
      08.06.2018
      - Добавлена ссылка "Читать полностью" для краткого описания
      - Исправлено формирование превью подкатегорий (ocStore 2.3)
       
      24.05.2018
      - Улучшено отображение превью подкатегорий
       
      22.05.2018
      - Добавлена опция отображения краткого описания товара
      - Исправлено отображение тегов (OpenCart 3)
      - Исправлено отображение атрибутов (OpenCart 3)
       
      18.04.2018
      - Исправлено отображение кнопок в корзине (мобильная версия)
      - Добавлена иконка социальной сети "Одноклассники"
      - Удалена иконка Skype
       
      Поддержка
      Поддержка осуществляется по электронной почте или через личные сообщения на форуме.
      В поддержку входят ответы на вопросы, обсуждение деталей связанных с шаблоном, обнаружение и устранение ошибок, пожелания в новой функциональности.
      Установка, настройка, изменение функциональности и доработки не входят в поддержку и могут быть предоставлены в качестве дополнительной услуги, за отдельную плату.
       
      Лицензия
      Шаблон продается с лицензией на один сайт, одна покупка = один домен.
      Перепродажа, выкладывание в публичный доступ и прочие действия подобного характера запрещены и являются нарушением авторских прав.
       
    • От legioner26
      399.00 руб
      Скачать/Купить дополнение


      Стандартный фильтр OpenCart 2.x с фильтрацией по цене, производителю и наличию товаров
      По всеобщим пожеланиям переработан стандартный фильтр OpenCart 2.x  Закачиваем шаблон в каталог catalog/view/theme/default/template/extension/module (для версии 2.3)
      catalog/view/theme/default/template/module (для версии 2.0) Так же необходимо установить fix модификатор на фильтр. 
      fix_filter.ocmod.xml
      В доработку стандартного фильтра входят изменения:
      1. Переделан дизайн фильтра, фильтр раскрывается и закрывается при нажатии на группу фильтров
      2. Доработана логика работы фильтра, при нажатии на один из параметров фильтрация происходит автоматически.  
      3. При выборе параметров раскрывается именно та группа в которой Вы производили выбор с сохранением всех выбранных чекбоксов ранее, удобство для клиента.
      4. Фильтр по цене
      5. Возможность задавать собственную цветовую гамму для всех элементов фильтра.
      6. Добавлена возможность фильтрации по производителю и вывод количества товаров согласно фильтрации.
      7. Выбор типа чекбокса.
      8. Возможность автоматического добавления значений фильтра в категории.
      9. Добавлена фильтрация по наличию товаров
       

      ИНСТРУКЦИЯ во Вложении
      DEMO  http://teplomir-svet.ru/lampa
      Добавил legioner26 Добавлено 05.06.2017 Категория Фильтры Системные требования Сайт разработчика Старая цена 700 Метод активации Без активации Ioncube Loader Нет OpenCart 2.3
      2.2
      2.1
      2.0 ocStore 2.3
      2.2
      2.1 OpenCart.Pro, ocShop Opencart.pro 2.3
      Opencart.pro 2.1  
    • От ozzzi
      Скачать/Купить дополнение


      AutoFilter - фильтр автомобилей [2.3]
      Модуль позволяет создать базу автомобилей и привязать товары к определенной модели. Посетители сайт смогут фильтровать товары в зависимости от выбранного авто. Выбранная пользователем модель сохраняется в фильтре даже после перехода на другие страницы.
       
      Особенности
      Вместе с фильтром можно скачать базу автомобилей (TecDoc) в формате SQL (префикс базы: oc_), 18,3 Мб Фильтр работает только в категориях Фильтр не создает посадочные страницы Работоспособность с другими фильтрами, шаблонами не проверялась  
      Совместимость
      Opencart, OcStore (2.3)
       
      Установка
      Модули/Расширения -> Установка расширений Обновляем кеш модификаторов Активируем и включаем фильтр в списке модулей Добавляем фильтр в схему "Категория" Создаем базу авто сами или заливаем готовую базу, например, через PhpMyAdmin Привязываем товары к определенным моделям.  
      Обновление
      Сделайте бэкап данных Удалите модификатор Auto filter и нажмите кнопку обновления на этой же странице
      Установите новую версию модуля
      На странице модификаторов снова нажмите на обновление
      Добавил ozzzi Добавлено 06.05.2018 Категория Фильтры Системные требования Сайт разработчика Старая цена Метод активации Без активации Ioncube Loader Нет OpenCart 2.3 ocStore 2.3 OpenCart.Pro, ocShop Не проверялось  
    • От ozzzi
      Модуль позволяет создать базу автомобилей и привязать товары к определенной модели. Посетители сайт смогут фильтровать товары в зависимости от выбранного авто. Выбранная пользователем модель сохраняется в фильтре даже после перехода на другие страницы.
       
      Особенности
      Вместе с фильтром можно скачать базу автомобилей (TecDoc) в формате SQL (префикс базы: oc_), 18,3 Мб Фильтр работает только в категориях Фильтр не создает посадочные страницы Работоспособность с другими фильтрами, шаблонами не проверялась  
      Совместимость
      Opencart, OcStore (2.3)
       
      Установка
      Модули/Расширения -> Установка расширений Обновляем кеш модификаторов Активируем и включаем фильтр в списке модулей Добавляем фильтр в схему "Категория" Создаем базу авто сами или заливаем готовую базу, например, через PhpMyAdmin Привязываем товары к определенным моделям.  
      Обновление
      Сделайте бэкап данных Удалите модификатор Auto filter и нажмите кнопку обновления на этой же странице
      Установите новую версию модуля
      На странице модификаторов снова нажмите на обновление
  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×