Jump to content
Sign in to follow this  
burunduchki

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

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>

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

 

Share this post


Link to post
Share on other sites

ага, можно.

Share this post


Link to post
Share on other sites

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

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

Share this post


Link to post
Share on other sites

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

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

 

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

 

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

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
You are posting as a guest. If you have an account, please sign in.
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this  

  • Similar Content

    • By mazein
      Пошаговый подбор товаров по характеристикам (атрибутам)
      (step by step)
       
       
      Ключ можно получить здесь!
       
       
      Установка:
      Скачать архив с модулем, распаковать в корень сайта, согласно версии opencart. Никакие файлы заменены не будут. Обязательно обновить кэш модулей в менеджере дополнений! В админке, в разделе Дополнения - Модули появятся три модуля: В модуле "Пошаговый подбор товаров - Лицензия" - вводим ключ. "Пошаговый подбор товаров по атрибутам" - непосредственно сам модуль с выбором атрибутов для подбора товаров. После настройки модуля, его нужно вывести в схемах на нужную страницу. "Пошаговый подбор товаров - Товары" - Предназначен для вывода товаров согласно выбранных атрибутов без перезагрузки страницы. В модуле можно задать товары для первоначального вывода. Не обязателен, если в фильтре используется кнопка "поиск". До выбора атрибутов:
       
      Товары выбраны в модуле "Пошаговый подбор товаров - Товары", они отображаются ДО выбора атрибутов.
       

       
      После выбора:
       
      Товары заменяются на отфильтрованные по выбранным атрибутам.
       

      Примеры отсюда
       
      Как работает модуль:
      В пользовательской части выбранные атрибуты представлены раскрывающимися списками с их значениями. Выбирая значение первого атрибута, подгружаются значения следующего атрибута с учётом предыдущего выбранного. Значения последующих атрибутов, которых нет у товаров с уже выбранными атрибутами - не загружаются. В случае, если последующего атрибута нет ни у одного товара с уже выбранными атрибутами - такой атрибут скрывается, так же скрываются последующие атрибуты, если есть. При выборе атрибутов автоматически подгружаются все товары, удовлетворяющие выбранным атрибутам. Значения атрибутов можно разделить, используя любой символ, например ; или , Для отображения значений атрибутов с учётом выбранного значения, есть возможность скрытия значений, не содержащих предыдущее значение, пояснение на картинке:
      При этом атрибуты выглядят так:

       
       
       
      Демо:
      http://mmfilter.mazein.ru Админка (demo/demo)  
      Примеры:
      Пошаговый фильтр с кнопкой поиска, вертикальный Пошаговый фильтр с кнопкой поиска, горизонтальный  
      Лицензия:
      Ключ выдаётся по запросу в ЛС, скайп, или на почту mmfilter@mazein.ru Один ключ - один домен Ввод ключа реализован через дополнительный модуль в админке - Пошаговый подбор товаров - Лицензия. Модуль нужно установить, и ввести полученный ключ.  
      Поддержка:
      В модуле используется своё представление страницы товаров, поэтому требуется доработка под каждый шаблон. Для популярных шаблонов доработаю бесплатно (только при предоставлении доступов). Техподдержка и выдача ключей осуществляется ПН - СБ 08:00 - 20:00 (МСК)  
    • By mazein
      1 200.00 руб
      Скачать/Купить дополнение


      Пошаговый подбор товаров по характеристикам (атрибутам)
      Пошаговый подбор товаров по характеристикам (атрибутам)
      (step by step)
       
       
      Ключ можно получить здесь!
       
       
      Установка:
      Скачать архив с модулем, распаковать в корень сайта, согласно версии opencart. Никакие файлы заменены не будут. Обязательно обновить кэш модулей в менеджере дополнений! В админке, в разделе Дополнения - Модули появятся три модуля: В модуле "Пошаговый подбор товаров - Лицензия" - вводим ключ. "Пошаговый подбор товаров по атрибутам" - непосредственно сам модуль с выбором атрибутов для подбора товаров. После настройки модуля, его нужно вывести в схемах на нужную страницу. "Пошаговый подбор товаров - Товары" - Предназначен для вывода товаров согласно выбранных атрибутов без перезагрузки страницы. В модуле можно задать товары для первоначального вывода. Не обязателен, если в фильтре используется кнопка "поиск". До выбора атрибутов:
       
      Товары выбраны в модуле "Пошаговый подбор товаров - Товары", они отображаются ДО выбора атрибутов.
       

       
      После выбора:
       
      Товары заменяются на отфильтрованные по выбранным атрибутам.
       

      Примеры отсюда
       
      Как работает модуль:
      В пользовательской части выбранные атрибуты представлены раскрывающимися списками с их значениями. Выбирая значение первого атрибута, подгружаются значения следующего атрибута с учётом предыдущего выбранного. Значения последующих атрибутов, которых нет у товаров с уже выбранными атрибутами - не загружаются. В случае, если последующего атрибута нет ни у одного товара с уже выбранными атрибутами - такой атрибут скрывается, так же скрываются последующие атрибуты, если есть. При выборе атрибутов автоматически подгружаются все товары, удовлетворяющие выбранным атрибутам. Значения атрибутов можно разделить, используя любой символ, например ; или , Для отображения значений атрибутов с учётом выбранного значения, есть возможность скрытия значений, не содержащих предыдущее значение, пояснение на картинке:
      При этом атрибуты выглядят так:

       
       
       
      Демо:
      http://mmfilter.mazein.ru Админка (demo/demo)  
      Примеры:
      Пошаговый фильтр с кнопкой поиска, вертикальный Пошаговый фильтр с кнопкой поиска, горизонтальный  
      Лицензия:
      Ключ выдаётся по запросу в ЛС, скайп, или на почту mmfilter@mazein.ru Один ключ - один домен Ввод ключа реализован через дополнительный модуль в админке - Пошаговый подбор товаров - Лицензия. Модуль нужно установить, и ввести полученный ключ.  
      Поддержка:
      В модуле используется своё представление страницы товаров, поэтому требуется доработка под каждый шаблон. Для популярных шаблонов доработаю бесплатно (только при предоставлении доступов). Техподдержка и выдача ключей осуществляется ПН - СБ 08:00 - 20:00 (МСК)  
      Добавил mazein Добавлено 04.08.2018 Категория Фильтры Системные требования Ioncube Loader 10, php 5.4 минимум Сайт разработчика Метод активации По запросу в ЛС
      По запросу на почту Ioncube Loader Требуется OpenCart 3.0
      2.3
      2.1 ocStore 3.0
      2.3
      2.1 OpenCart.Pro, ocShop Opencart.pro 2.3
      Opencart.pro 2.1 Обращение к серверу разработчика Нет Старая цена 0  
    • By ibond
      Дополнение добавляет возможность фильтровать товары в административной панели Opencart по производителям, артикулу (Sku) и категориям (только для русской сборки и оригинальной версии). Также добавляет колонку Категории в списке товара (только для русской сборки и оригинальной версии).
      Работает (тестировался):
      OcStore 2.1.0.1, 2.1.0.2.1, 2.3.0.2, 2.3.0.2.1
      OpenCart 2.1.0.2, 2.3.0.2, 2.3.0.2 (rs.5)
      Установка:
      Загрузить файл в установках расширений, перейти в модификаторы и обновить.
       
      Версия для OpenCart 3.x:
       
    • By ibond
      Скачать/Купить дополнение


      Фильтр товаров в админке по производителям, артикулу и категориям
      Дополнение добавляет возможность фильтровать товары в административной панели Opencart по производителям, артикулу (Sku) и категориям (только для русской сборки и оригинальной версии). Также добавляет колонку Категории в списке товара (только для русской сборки и оригинальной версии).
      Работает (тестировался):
      OcStore 2.1.0.1, 2.1.0.2.1, 2.3.0.2, 2.3.0.2.1
      OpenCart 2.1.0.2, 2.3.0.2, 2.3.0.2 (rs.5)
      Установка:
      Загрузить файл в установках расширений, перейти в модификаторы и обновить.
       
      Версия для OpenCart 3.x:
       
      Добавил ibond Добавлено 20.11.2016 Категория Фильтры Системные требования Сайт разработчика https://opencartforum.com/profile/28580-ibond/ Метод активации Без активации Ioncube Loader Нет OpenCart 2.3
      2.2
      2.1
      2.0 ocStore 2.3
      2.2
      2.1 OpenCart.Pro, ocShop Не проверялось Обращение к серверу разработчика Нет Старая цена 0  
    • By AlexDW
      Стандартный фильтр Opencart работает по принципу ИЛИ (OR) для разных групп при фильтрации.
      Данный патч решает проблему с фильтром, меняя логику выбора групп фильтров на И (AND)
       
      Актуален для ocStore / Opencart.PRO | CMS / Opencart версий 2000 - 303x Не меняет файлы движка и БД (работает через OCMOD)  
      DEMO
      ADMIN

      до патча:
      при фильтрации будут выбраны все товары, у которых совпадает ХОТЯ БЫ один параметр в фильтрах (без учета групп фильтров)
      пример - все товары, где совпадают цвет или размер

      после патча:
      при фильтрации будут выбраны только те товары, у которых совпадут ВСЕ отмеченные параметры в фильтрах (с учетом групп фильтров)
      пример - только те товары, где совпадают и цвет, и размер

      Как настроить фильтр в Opencart

      Внимание!
      Патч предназначен только для стандартного фильтра Opencart
      При использовании отдельного модуля фильтра (Mega Filter, Filter Pro и др) необходимости в патче нет, его применение может привести к ошибкам

      Установка 2x:
      1. Загрузить файл fix_filter.ocmod.xml в Extensions->Extension Installer (Дополнения > Установка дополнений)
      2. Обновить кеш модификаторов в Extensions->Modifications (Дополнения > Менеджер дополнений)

      Установка 3x:
      1. Загрузить архив fix_filter.ocmod.zip в Extensions->Extension Installer (Дополнения > Установка дополнений)
      2. Обновить кеш модификаторов в Extensions->Modifications (Дополнения > Менеджер дополнений)
       
       
      Другие дополнения:
      --------------------------
      SearchOrder 3х - просмотр, расширенный поиск и экспорт заказов
      AutoSearch 2x - поиск с выпадающим списком результатов
      OrderField - дополнительные поля в заказе, корзине и письме
      ExtendedSearch - настройка и управление поиском в Opencart
  • Recently Browsing   0 members

    No registered users viewing this page.

×

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.