Jump to content
Search In
  • More options...
Find results that contain...
Find results in...

Модификация фильтра


Recommended Posts

Хочу модифицировать существующий фильтр — в два чекбокса, как показано на картинке:

 

filter.png

 

Сейчас код фильтра такой:

<div class="panel panel-default">
  <div class="panel-heading"><?php echo $heading_title; ?></div>
  <div class="list-group">
    <?php foreach ($filter_groups as $filter_group) { ?>
    <a class="list-group-item"><?php echo $filter_group['name']; ?></a>
    <div class="list-group-item">
      <div id="filter-group<?php echo $filter_group['filter_group_id']; ?>">
        <?php foreach ($filter_group['filter'] as $filter) { ?>
        <div class="checkbox">
          <label>
            <?php if (in_array($filter['filter_id'], $filter_category)) { ?>
            <input type="checkbox" name="filter[]" value="<?php echo $filter['filter_id']; ?>" checked="checked" />
            <?php echo $filter['name']; ?>
            <?php } else { ?>
            <input type="checkbox" name="filter[]" value="<?php echo $filter['filter_id']; ?>" />
            <?php echo $filter['name']; ?>
            <?php } ?>
          </label>
        </div>
        <?php } ?>
      </div>
    </div>
    <?php } ?>
  </div>
  <div class="panel-footer text-right">
    <button type="button" id="button-filter" class="btn btn-primary"><?php echo $button_filter; ?></button>
  </div>
</div>
<script type="text/javascript"><!--
$('#button-filter').on('click', function() {
filter = [];
$('input[name^=\'filter\']:checked').each(function(element) {
filter.push(this.value);
});
location = '<?php echo $action; ?>&filter=' + filter.join(',');
});
//--></script>

Можно ли это реализовать, чтобы корректно работало?

 

Link to post
Share on other sites

"как на картинке" использовать для чекбоксов нелогично.

такой дизайн подразумевает выбор одного из двух вариантов, а это radio, а не checkbox.

Link to post
Share on other sites

"как на картинке" использовать для чекбоксов нелогично.

такой дизайн подразумевает выбор одного из двух вариантов, а это radio, а не checkbox.

 

Логика остается прежней, меняется лишь дизайн и убирается кнопка «Поиск». Такой дизайн более удобен, особенно для моб. устройств.

 

Единственная сложность — привязать действие кнопки «Поиск» на чекбоксы. Моих познаний php, к сожалению, недостаточно. Может кто-то реализовал подобное и подскажет? Будут признателен.

Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Similar Content

    • By reDream
      Фильтр товаров для OpenCart, о котором вы мечтали.
      Для любого интернет магазина одним из самых необходимых модулей является фильтр товаров. Фильтр позволяет покупателям не заблудиться среди множества товаров и выбрать нужную вещь по всем необходимым параметрам. Для владельцев магазинов это хороший шанс увеличить продажи - покупателю станет проще определиться с выбором и совершить покупку.
      Dream Filter уже готов к использованию в вашем магазине. Мы проделали большую работу для того, чтоб удовлетворить потребности большинства владельцев интернет-магазинов и автоматизировать всю рутину настройки - в конфигурации фильтра осталось только всё самое необходимое и понятное. Интерфейс максимально прост и понятен на интуитивном уровне, а многие параметры содержат вспомогательные изображения для полного понимания вносимых изменений.
      Работает на всех версиях OpenCart и OcStore начиная с 1.5, с любым шаблоном.
      Фильтрация доступна на страницах категорий, производителей, поиска и товаров со скидками
      23 метода фильтрации - По цене, бренду, наличию на складе, атрибутам, опциям, весу и др. 8 типов фильтров - слайдеры, чекбоксы и тд 9 скинов 9 цветовых схем и 29 лоадеров на любой вкус 2 шаблона - вертикальный и горизонтальный 2 метода фильтрации - с перезагрузкой страницы и без Демо: oc.redream.ru По всем вопросам: Логин/Пароль: demo/demo [email protected] Основные преимущества фильтра:
      Максимально удобная и понятная панель управления. Все существующие опции, атрибуты, фильтры, категории и производители подтягиваются автоматически, настройка производится в пару кликов Высочайшая скорость работы. Все методы и запросы оптимизированы для максимально быстрой работы. В магазине с более чем 10000 товаров фильтрация занимает в среднем 0.4 секунды. Пример - dreamfilter.ru Удобная мобильная версия в 2-х вариантах Удобный фильтр "слайдером" как по числовым значениям, так и по текстовым. Например "XS - S - M - L - XL - XXL" Совместимость со всеми шаблонами. Адаптация необходима только в редких случаях Возможность создать разные конфигурации фильтра для разных страниц Работа с мультиязычными и мультивалютными сайтами Работа с мультимагазинами. ВНИМАНИЕ! лицензия приобретается на один домен и его поддомены. Для дополнительных доменов в мультимагазине необходимо приобретать дополнительные лицензии Фильтр единственным правильным образом учитывает скидки и налоги. Если у товара есть скидка или налог - фильтр учтет это автоматически 2 метода загрузки результатов - с перезагрузкой страницы и "в реальном времени", через ajax Встроенный дополнительный функционал в виде постраничной навигации, сортировки результатов и изменения кол-ва товаров на странице без перезагрузки 8 видов фильтров: Поле ввода одиночный выбор флажок радиокнопка список изображение изображение(множественный выбор, аналог чекбоксов с изображениями) слайдер Полная кастомизация отображения: Вертикальный или горизонтальный шаблон 9 различных скинов на любой вкус 9 тщательно выверенных ярких цветовых схем 29 крутых лоадеров Ограничение высоты списка как по высоте, так и по кол-ву элементов Блок с выбранными параметрами Отображение количества товаров у каждого параметра Многое другое Бесплатная консультация и техподдержка от разработчика Методы фильтрации:
      По цене По производителям По названию По модели По наличию По атрибутам По опциям По встроенным фильтрам OpenCart По категориям По рейтингу По новинкам (+ возможность задать, какое кол-во дней товар будет считаться новым) По акциям (как по наличию скидки на товар, так и по размеру скидки) По тегам (как с полем ввода, так и выбором существующих тегов) По SKU, UPC, EAN, JAN, ISBN и MPN По длине По ширине По высоте По весу Системные требования:
      Для OpenCart 1.5.x:
      Php не ниже 5.6 ionCube Loader не ниже 10 Vqmod Для OpenCart 2.x и 3.x:
      Php не ниже 5.6 ionCube Loader не ниже 10 Процедура установки:
      Внимание! Перед установкой необходимо отключить или удалить модификаторы других сторонних фильтров!
      Загрузить все файлы из папки "upload" в корневую папку сайта Обновить кэш модификаторов в менеджере дополнений (в vqmod обновляется автоматически) Зайти в настройки фильтра и запросить лицензию. Если при покупке вы правильно указали домен, ключ будет выдан автоматически Настроить фильтр Добавить фильтр в схему (Дизайн > Схемы или Дизайн > Макеты)
    • By reDream
      1400 19
      Скачать/Купить дополнение


      Фильтр товаров Dream Filter
      Фильтр товаров для OpenCart, о котором вы мечтали.
      Для любого интернет магазина одним из самых необходимых модулей является фильтр товаров. Фильтр позволяет покупателям не заблудиться среди множества товаров и выбрать нужную вещь по всем необходимым параметрам. Для владельцев магазинов это хороший шанс увеличить продажи - покупателю станет проще определиться с выбором и совершить покупку.
      Dream Filter уже готов к использованию в вашем магазине. Мы проделали большую работу для того, чтоб удовлетворить потребности большинства владельцев интернет-магазинов и автоматизировать всю рутину настройки - в конфигурации фильтра осталось только всё самое необходимое и понятное. Интерфейс максимально прост и понятен на интуитивном уровне, а многие параметры содержат вспомогательные изображения для полного понимания вносимых изменений.
      Работает на всех версиях OpenCart и OcStore начиная с 1.5, с любым шаблоном.
      Фильтрация доступна на страницах категорий, производителей, поиска и товаров со скидками
      23 метода фильтрации - По цене, бренду, наличию на складе, атрибутам, опциям, весу и др. 8 типов фильтров - слайдеры, чекбоксы и тд 9 скинов 9 цветовых схем и 29 лоадеров на любой вкус 2 шаблона - вертикальный и горизонтальный 2 метода фильтрации - с перезагрузкой страницы и без Демо: oc.redream.ru По всем вопросам: Логин/Пароль: demo/demo [email protected] Основные преимущества фильтра:
      Максимально удобная и понятная панель управления. Все существующие опции, атрибуты, фильтры, категории и производители подтягиваются автоматически, настройка производится в пару кликов Высочайшая скорость работы. Все методы и запросы оптимизированы для максимально быстрой работы. В магазине с более чем 10000 товаров фильтрация занимает в среднем 0.4 секунды. Пример - dreamfilter.ru Удобная мобильная версия в 2-х вариантах Удобный фильтр "слайдером" как по числовым значениям, так и по текстовым. Например "XS - S - M - L - XL - XXL" Совместимость со всеми шаблонами. Адаптация необходима только в редких случаях Возможность создать разные конфигурации фильтра для разных страниц Работа с мультиязычными и мультивалютными сайтами Работа с мультимагазинами. ВНИМАНИЕ! лицензия приобретается на один домен и его поддомены. Для дополнительных доменов в мультимагазине необходимо приобретать дополнительные лицензии Фильтр единственным правильным образом учитывает скидки и налоги. Если у товара есть скидка или налог - фильтр учтет это автоматически 2 метода загрузки результатов - с перезагрузкой страницы и "в реальном времени", через ajax Встроенный дополнительный функционал в виде постраничной навигации, сортировки результатов и изменения кол-ва товаров на странице без перезагрузки 8 видов фильтров: Поле ввода одиночный выбор флажок радиокнопка список изображение изображение(множественный выбор, аналог чекбоксов с изображениями) слайдер Полная кастомизация отображения: Вертикальный или горизонтальный шаблон 9 различных скинов на любой вкус 9 тщательно выверенных ярких цветовых схем 29 крутых лоадеров Ограничение высоты списка как по высоте, так и по кол-ву элементов Блок с выбранными параметрами Отображение количества товаров у каждого параметра Многое другое Бесплатная консультация и техподдержка от разработчика Методы фильтрации:
      По цене По производителям По названию По модели По наличию По атрибутам По опциям По встроенным фильтрам OpenCart По категориям По рейтингу По новинкам (+ возможность задать, какое кол-во дней товар будет считаться новым) По акциям (как по наличию скидки на товар, так и по размеру скидки) По тегам (как с полем ввода, так и выбором существующих тегов) По SKU, UPC, EAN, JAN, ISBN и MPN По длине По ширине По высоте По весу Системные требования:
      Для OpenCart 1.5.x:
      Php не ниже 5.6 ionCube Loader не ниже 10 Vqmod Для OpenCart 2.x и 3.x:
      Php не ниже 5.6 ionCube Loader не ниже 10 Процедура установки:
      Внимание! Перед установкой необходимо отключить или удалить модификаторы других сторонних фильтров!
      Загрузить все файлы из папки "upload" в корневую папку сайта Обновить кэш модификаторов в менеджере дополнений (в vqmod обновляется автоматически) Зайти в настройки фильтра и запросить лицензию. Если при покупке вы правильно указали домен, ключ будет выдан автоматически Настроить фильтр Добавить фильтр в схему (Дизайн > Схемы или Дизайн > Макеты) Добавил reDream Добавлено 18.04.2017 Категория Фильтры Системные требования php не ниже 5.6, ionCube Loader не ниже 10 Метод активации Автоматическая активация Ioncube Loader Требуется OpenCart 3.0
      2.3
      2.2
      2.1
      2.0
      1.5.6.4
      1.5.6.3
      1.5.6.2
      1.5.6.1
      1.5.6
      1.5.5.1
      1.5.5
      1.5.4.1 ocStore 3.0
      2.3.0.2.4
      2.3
      2.2
      2.1
      1.5.5.1.2
      1.5.5.1.1
      1.5.5.1
      1.5.4.1.2
      1.5.4.1.1
      1.5.4.1 OpenCart.Pro, ocShop Opencart.pro 2.3
      Opencart.pro 2.1
      OcShop 2.0.3.х
      OcShop 1.5.6.4.х Обращение к серверу разработчика Нет
      Да Старая цена 1700  
    • By halushko
      Скажите мне нужен модуль вот такой поиск https://prnt.sc/129i2av
      у нас сайт продажа недвижимости, нужен такой поиск что бы можно было выбрать город, или тип недвижимости так же кол-во комнат. и квадратуру что бы можно было вписать клиенту, и оно находит товар более подходящий или самые подходящие их товаров по сайту вот ссылка на сайт https://premier-master.com/
    • By JohnnyVega
      Фильтр товаров в категории 2.0 - допилы
      ВЕРСИЯ - 1.76
      ОПИСАНИЕ
      Фильтр товаров в категориях по опциям фильтра.
      Легендарный модуль от комрада Soor'a, получивший широчайшее распространение на просторах инета и послуживший основой для многих других модулей. Тема оригинального модуля здесь
      ===========================================
      ВОЗМОЖНОСТИ
      админка:
      - создание неограниченного количества опций и значений фильтра;
      - присваивание опции к нескольким категориям;
      - присваивание нескольких значений опций к товару;
      - работает как обычный модуль. Позиционирование справа - слева, сверху-снизу, порядок вывода;
      - возможность вывода фильтра группой чекбоксов (галочки) или выпадающим списком чекбоксов;
      - возможность показывать или не показывать пустые значения фильтра
      пользователь:
      - вывод фильтра в виде раскрывающегося списка с чекбоксами
      - выборка товаров по критериям;
      - отображение количества товаров для каждого следующего шага выборки опции-родителя и соседних опций, основываясь на текущей категории и логики выборки;
      - деактивация критерий с нулевым результатом количества товаров при следующем нажатии;
      - исключение AJAX дало возможность гарантированно получить данные и создать реальные страницы для поисковых роботов;
      - запрос с параметрами фильтра выглядит следующим образом:
      index.php?route=product/category&path=20&filter=1=2,3;3=11,10;4=18
      где:
      переменная GET, опция, значения опции
      ===========================================
      СОВМЕСТИМОСТЬ
      Ocstore 1.5.1.x - 1.5.3.x, Ocstore 1.5.4.x
      ===========================================
      УСТАНОВКА
      Описана в файле "Установка модуля фильтр.htm"
      ВНИМАНИЕ!!!
      Установка производится с использованием vqmod-файла. vqmod-файл предназначен для установки на дефолтную тему магазина.
      Vqmod должен быть предварительно установлен в магазине.
      Если у Вас не дефолтная тема, данный модуль или vqmod-файл может потребовать доработки под Вашу тему, хотя в большинстве случаев ставится и работает без проблем.
      ===========================================
      ДЕМОНСТРАЦИЯ РАБОТЫ МОДУЛЯ
      Демка - страница категории
      версия модуля 1.75
      Админка - вывод модуля
      Админка - категории фильтра
      Админка - редактирование товара - вкладка "Опции фильтра"
      Логин: demo
      Пароль: demo
      Буду рад увидеть Ваши отзывы, замечания, предложения по улучшению.
      ===========================================
      ИСТОРИЯ ИЗМЕНЕНИЙ
      v1.76
      Фикс ошибки с определением наличия нужных таблиц
      v1.75
      Исправление бага с копированием товара с установленным фильтром
      v1.72
      подправил стили, чтобы фильтры в чекбоксах отображались выровненными горизонтально
      v1.70
      Исправление текущих багов
      v1.65
      Адаптация под версию движка 1.5.4.x
      v1.58
      Добавлена функция создания/удаления таблиц
      Обработка лимита в категориях
      v1.50
      Исправлена ошибка со статусом фильтра.
      Добавлена поддержка английского языка
      v1.45
      Добавлена возможность показывать или не показывать пустые значения фильтра;
      Устранение ошибок при отображении нескольких модулей фильтра на одной странице
      Изменение отображения фильтра (вариант с выпадающим списком) при расположении модуля в левой или правой части окна
      Улучшено удобство работы в админке
      v1.40
      Добавлена возможность указывать несколько значений для опций фильтра (первоначально сделана freelancer)
      v1.35
      Добавлен порядок сортировки опций фильтров (если идет обновление модуля, то нужно сделать запрос в базу. Запрос должен выглядеть так: ALTER TABLE `category_option_value` ADD `sort_order` INT( 10 ) NULL DEFAULT '0';
      )
      (первоначально сделана Tegra)
      v1.3
      Добавлен вывод фильтра в виде раскрывающегося списка с чекбоксами
      ==========================================
      Мои другие модули находятся здесь
      ==========================================
      ЛИЦЕНЗИЯ
      Это программное обеспечение не свободно (первоначальный вариант фильтра Вы всегда можете скачать бесплатно в теме Soor'а. Адрес указан выше)
      Условия использования лицензии - "на владельца".
      Это означает, что Вы можете использовать одну лицензию для всех магазинов, зарегистрированных на Ваше имя или имя Вашей компании.
      Если же Вы наняты клиентами, чтобы работать над магазинами клиентов или другими магазинами, т.е. не над теми магазинами, которые Вам принадлежат, Вы должны приобрести дополнительную лицензию для клиента.
      Запрещена передача данного ПО третьим лицам, распространение от своего имени, изменение исходных файлов модуля без получения разрешения автора модуля.
      © JohnnyVega, 2012
    • By JohnnyVega
      750
      Скачать/Купить дополнение


      Фильтр товаров в категории 2.0 - Допилы
      Фильтр товаров в категории 2.0 - допилы
      ВЕРСИЯ - 1.76
      ОПИСАНИЕ
      Фильтр товаров в категориях по опциям фильтра.
      Легендарный модуль от комрада Soor'a, получивший широчайшее распространение на просторах инета и послуживший основой для многих других модулей. Тема оригинального модуля здесь
      ===========================================
      ВОЗМОЖНОСТИ
      админка:
      - создание неограниченного количества опций и значений фильтра;
      - присваивание опции к нескольким категориям;
      - присваивание нескольких значений опций к товару;
      - работает как обычный модуль. Позиционирование справа - слева, сверху-снизу, порядок вывода;
      - возможность вывода фильтра группой чекбоксов (галочки) или выпадающим списком чекбоксов;
      - возможность показывать или не показывать пустые значения фильтра
      пользователь:
      - вывод фильтра в виде раскрывающегося списка с чекбоксами
      - выборка товаров по критериям;
      - отображение количества товаров для каждого следующего шага выборки опции-родителя и соседних опций, основываясь на текущей категории и логики выборки;
      - деактивация критерий с нулевым результатом количества товаров при следующем нажатии;
      - исключение AJAX дало возможность гарантированно получить данные и создать реальные страницы для поисковых роботов;
      - запрос с параметрами фильтра выглядит следующим образом:
      index.php?route=product/category&path=20&filter=1=2,3;3=11,10;4=18
      где:
      переменная GET, опция, значения опции
      ===========================================
      СОВМЕСТИМОСТЬ
      Ocstore 1.5.1.x - 1.5.3.x, Ocstore 1.5.4.x
      ===========================================
      УСТАНОВКА
      Описана в файле "Установка модуля фильтр.htm"
      ВНИМАНИЕ!!!
      Установка производится с использованием vqmod-файла. vqmod-файл предназначен для установки на дефолтную тему магазина.
      Vqmod должен быть предварительно установлен в магазине.
      Если у Вас не дефолтная тема, данный модуль или vqmod-файл может потребовать доработки под Вашу тему, хотя в большинстве случаев ставится и работает без проблем.
      ===========================================
      ДЕМОНСТРАЦИЯ РАБОТЫ МОДУЛЯ
      Демка - страница категории
      версия модуля 1.75
      Админка - вывод модуля
      Админка - категории фильтра
      Админка - редактирование товара - вкладка "Опции фильтра"
      Логин: demo
      Пароль: demo
      Буду рад увидеть Ваши отзывы, замечания, предложения по улучшению.
      ===========================================
      ИСТОРИЯ ИЗМЕНЕНИЙ
      v1.76
      Фикс ошибки с определением наличия нужных таблиц
      v1.75
      Исправление бага с копированием товара с установленным фильтром
      v1.72
      подправил стили, чтобы фильтры в чекбоксах отображались выровненными горизонтально
      v1.70
      Исправление текущих багов
      v1.65
      Адаптация под версию движка 1.5.4.x
      v1.58
      Добавлена функция создания/удаления таблиц
      Обработка лимита в категориях
      v1.50
      Исправлена ошибка со статусом фильтра.
      Добавлена поддержка английского языка
      v1.45
      Добавлена возможность показывать или не показывать пустые значения фильтра;
      Устранение ошибок при отображении нескольких модулей фильтра на одной странице
      Изменение отображения фильтра (вариант с выпадающим списком) при расположении модуля в левой или правой части окна
      Улучшено удобство работы в админке
      v1.40
      Добавлена возможность указывать несколько значений для опций фильтра (первоначально сделана freelancer)
      v1.35
      Добавлен порядок сортировки опций фильтров (если идет обновление модуля, то нужно сделать запрос в базу. Запрос должен выглядеть так: ALTER TABLE `category_option_value` ADD `sort_order` INT( 10 ) NULL DEFAULT '0';
      )
      (первоначально сделана Tegra)
      v1.3
      Добавлен вывод фильтра в виде раскрывающегося списка с чекбоксами
      ==========================================
      Мои другие модули находятся здесь
      ==========================================
      ЛИЦЕНЗИЯ
      Это программное обеспечение не свободно (первоначальный вариант фильтра Вы всегда можете скачать бесплатно в теме Soor'а. Адрес указан выше)
      Условия использования лицензии - "на владельца".
      Это означает, что Вы можете использовать одну лицензию для всех магазинов, зарегистрированных на Ваше имя или имя Вашей компании.
      Если же Вы наняты клиентами, чтобы работать над магазинами клиентов или другими магазинами, т.е. не над теми магазинами, которые Вам принадлежат, Вы должны приобрести дополнительную лицензию для клиента.
      Запрещена передача данного ПО третьим лицам, распространение от своего имени, изменение исходных файлов модуля без получения разрешения автора модуля.
      © JohnnyVega, 2012
      Добавил JohnnyVega Добавлено 09.08.2012 Категория Фильтры Системные требования Метод активации Без активации Ioncube Loader Нет OpenCart 1.5.4.1
      1.5.3.1 ocStore 1.5.4.1.2
      1.5.4.1.1
      1.5.4.1
      1.5.3.1
      1.5.2.1
      1.5.1.3 OpenCart.Pro, ocShop Не проверялось Обращение к серверу разработчика Нет Старая цена 0  
  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.