Pilih lebih dari satu item dalam navigasi berlapis (beberapa pilih / centang)


12

Bagaimana Anda mengonversi navigasi berlapis standar untuk menggunakan kotak centang atau beberapa input terpilih untuk atribut tipe dropdown atau multiselect ?

Misalnya jika pengguna memilih biru dan merah untuk atribut warna, navigasi berlapis menunjukkan semua item yang cocok dengan biru ATAU merah.

Lihat contoh di bilah alat di halaman ini:


Bagaimana dengan yang ini? Apa yang Anda putuskan untuk digunakan?
jharrison.au

@ jharrison.au .. Ya saya telah mengubah pilih drop down menjadi COLOR SWITCHER dan SIZE. Ini belum banyak.
Alizain Prasla

Jawaban:


10

Ada banyak ekstensi di luar sana yang akan memberi Anda fungsi ini (mencari "navigasi berlapis yang disempurnakan"). Saya telah mencoba semua ekstensi yang tercantum di bawah ini tetapi favorit saya adalah oleh Tim E-commerce - Saya suka karena sifatnya yang minimalis, itu tidak mencoba melakukan terlalu banyak tetapi sangat kuat dan bekerja dengan baik di luar kotak. Ini juga memiliki dukungan untuk carikan warna seperti yang Anda gambarkan.

Beberapa lainnya tanpa urutan tertentu:

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

Ketahuilah bahwa ini dapat menyebabkan konflik dengan modul pihak ketiga lainnya.


Jika Anda terutama ingin melakukan ini dengan carikan warna, saya sarankan Anda memeriksa ekstensi ini oleh Chad Morgan.


Berikut ini artikel dari Inchoo tentang menjaga agar filter yang tidak digunakan tetap terlihat.


Jika Anda ingin mengkodekannya sendiri, saya pikir jawaban untuk pertanyaan Anda mungkin terlalu panjang untuk forum ini. Saya tidak memiliki tautan ke posting blog / tutorial yang mengajarkan Anda bagaimana melakukan ini, tetapi saya sarankan mulai dengan memperluas blok navigasi berlapis.


6
Saya telah menggunakan modul Amasty dan akan merekomendasikan memeriksanya. Modul Aitoc, bagaimanapun, saya tidak akan menyentuh dengan kutub 10 '... atau modul mereka dalam hal ini.
davidalger

Modul Amasty tidak akan berfungsi dengan atribut khusus apa pun yang menggunakan sumber yang didukung oleh model kustom eav. Ini merupakan masalah bagi kami karena atribut kami diisi melalui api eksternal.
greatwitenorth

8

Jika Anda hanya tertarik mengonversi navigasi berlapis standar untuk mencentang kotak solusinya sangat mudah dan menempatkannya di sini.

Edit kode app/design/frontend/ourpackage/ourtheme/template/catalog/layer/filter.phtmlfile sebagai berikut:

<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>

Solusinya adalah peningkatan versi ini . Jadi kreditnya jatuh ke orang ini juga.

Dengan menggunakan situs kami, Anda mengakui telah membaca dan memahami Kebijakan Cookie dan Kebijakan Privasi kami.
Licensed under cc by-sa 3.0 with attribution required.