Katmanlı gezinmede birden fazla öğe seçin (çoklu seçim / onay kutuları)

12

Nasıl tipi özellikleri için onay kutularını veya çoklu seçme girdi kullanımı standart katmanlı navigasyon dönüştürebilirim açılan veya multiselect ?

Örneğin, bir kullanıcı renk özelliği için mavi ve kırmızı seçerse , katmanlı gezinme mavi VEYA kırmızı ile eşleşen tüm öğeleri gösterir .

~~Bu sayfadaki araç çubuğundaki örneğe bakın:~~

attributes layered-navigation product-list

— Alizain Prasla
kaynak

Bununla nasıl gittin? Ne kullanmaya karar verdiniz?

— jharrison.au

@ jharrison.au .. Peki ben RENK ANAHTARI ve BOYUT seçin açılır değiştirildi. Henüz çoklu değil.

— Alizain Prasla

10

Orada size bu işlevselliği verecek birçok uzantı var ("gelişmiş katmanlı gezinme" araması). Aşağıda listelenen tüm uzantıları denedim ama en sevdiğim E-ticaret Ekibi - minimalist doğası için beğendim, çok fazla yapmaya çalışmıyor ama çok güçlü ve kutudan iyi çalışıyor. Ayrıca açıkladığınız gibi renk örneklerini de destekler.

Bazıları belirli bir sırada değil:

Bunların diğer üçüncü taraf modüllerle çakışmalara neden olabileceğini unutmayın.

Özellikle renk örnekleri ile yapmak istiyorsanız , Chad Morgan tarafından bu uzantıya göz atmanızı öneririz .

İşte Inchoo'nun kullanılmayan filtreleri görünür tutma hakkında bir makalesi .

Bunu kendiniz kodlamak istiyorsanız, sorunuzun cevabının bu forum için çok uzun olabileceğini düşünüyorum. Size nasıl yapılacağını öğreten bir blog yayınına / öğreticiye bir bağlantım yok, ancak katmanlı gezinme bloklarını genişleterek başlamayı öneririm.

— jharrison.au
kaynak

6

Amasty modülünü kullandım ve kontrol etmenizi tavsiye ederim. Ancak Aitoc modülü 10 kutuplu ya da modüllerinden herhangi birine dokunmam.

— davidalger

Amasty modülü, özel bir eav modeli tarafından desteklenen bir kaynak kullanan özel özelliklerle çalışmaz. Özniteliklerimiz harici API ile doldurulduğundan bu bizim için bir sorundu.

— greatwitenorth

8

Yalnızca varsayılan katmanlı gezinmeyi onay kutularına dönüştürmekle ilgileniyorsanız, çözüm çok kolaydır ve buraya yerleştirilir.

app/design/frontend/ourpackage/ourtheme/template/catalog/layer/filter.phtmlDosya kodunu aşağıdaki gibi düzenleyin:

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

Çözelti gelişmiş bir versiyonudur bu . Yani kredi de bu kişiye gidiyor.

— Imran Zahoor
kaynak