Виберіть кілька елементів у багатошаровій навігації (декілька вікон / прапорців)


12

Як перетворити стандартну багатошарову навігацію для використання прапорців або декількох входів для вибору атрибутів випадаючого типу або мультиселективної форми ?

Наприклад, якщо користувач вибирає синій та червоний для атрибуту кольору, багатошарова навігація показує всі елементи, що відповідають синьому або червоному.

Дивіться приклад на панелі інструментів на цій сторінці:


Як ти пішов з цим? Що ви вирішили використовувати?
jharrison.au

@ jharrison.au .. Добре, що я змінив вибір, випадаючи в перемикач кольору та розмір. Його ще не багато.
Alizain Prasla

Відповіді:


10

Існує багато розширень, які нададуть вам цю функціональність (пошук "розширеної багатошарової навігації"). Я спробував усі перелічені нижче розширення, але моїм улюбленим є Команда електронної комерції - мені це подобається за його мінімалістичний характер, він не намагається робити занадто багато, але дуже потужний і працює непогано. Він також має підтримку кольорових зразків, як ви описали.

Деякі інші в не певному порядку:

  1. http://amasty.com/improved-navigation.html
  2. http://www.aitoc.com/uk/magentomods_layered_navigation_pro.html
  3. http://www.manadev.com/seo-layered-navigation-plus
  4. http://www.gomage.com/extensions/gomage-advanced-navigation.html

Пам’ятайте, що це може спричинити конфлікти з іншими модулями сторонніх розробників.


Якщо ви в основному хочете зробити це за допомогою кольорових зразків, я пропоную вам ознайомитись з цим розширенням від Чада Моргана.


Ось стаття Inchoo про збереження видимих ​​невикористаних фільтрів.


Якщо ви хочете кодувати це самостійно, я думаю, що відповідь на ваше запитання може бути занадто довгим для цього форуму. У мене немає посилання на допис у блозі / навчальний посібник, який навчає вас, як це зробити, але я пропоную почати з розширення багатошарових навігаційних блоків.


6
Я використовував модуль Amasty і рекомендую перевірити його. Однак модуль Aitoc я не торкаюся 10-полюсного… або будь-якого їх модуля.
davidalger

Модуль Amasty не буде працювати з будь-якими спеціальними атрибутами, які використовують джерело, підкріплене спеціальною моделлю eav. Це було проблемою для нас, оскільки наші атрибути заповнюються через зовнішні api.
greatwitenorth

8

Якщо ви зацікавлені лише в перетворенні шаруваної навігації за замовчуванням, щоб встановити прапорці, це рішення дуже легко та розмістити його тут.

Відредагуйте код app/design/frontend/ourpackage/ourtheme/template/catalog/layer/filter.phtmlфайлу наступним чином:

<ol>
<?php foreach ($this->getItems() as $_item): ?>
    <li>
        <?php if ($_item->getCount() > 0): ?>
            <form>
                <span class="check-box">
                    <input type="checkbox" name="vehicle" onclick='window.location.assign("<?php echo $this->urlEscape($_item->getUrl()) ?>")'/>
                </span>
                <a href="<?php echo $this->urlEscape($_item->getUrl()) ?>">
                    <?php echo $_item->getLabel() ?>
                    <?php if ($this->shouldDisplayProductCount()): ?>
                    <span class="count">(<?php echo $_item->getCount() ?>)</span>
                    <?php endif; ?>
                </a>
            </form>
        <?php else: ?>
            <form>
                <span class="check-box">
                    <input type="checkbox" name="vehicle" onclick='window.location.assign("<?php echo $this->urlEscape($_item->getUrl()) ?>")'/>
                </span>
                <span>
                    <?php echo $_item->getLabel(); ?>
                    <?php if ($this->shouldDisplayProductCount()): ?>
                        <span class="count">(<?php echo $_item->getCount() ?>)</span>
                    <?php endif; ?>
                </span>
            </form>
        <?php endif; ?>
    </li>
<?php endforeach ?>
</ol>

Рішення вдосконалена версія цього . Тож заслуга належить і цій людині.

Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.