How to make dropdown layered navigation in Magento 2

Question

I'm figuring out about Magento 2 layered navigation. I want to make this navigation with dropdown lists.

I try this code:

<select onchange="setLocation(this.value)">
 <option value=""><?php echo 'Choose an Option...' ?></option>
 <?php foreach ($this->getItems() as $_item): ?>
     <option
        <?php if ($_item->getCount() > 0): ?>
        value="<?php echo $this->urlEscape($_item->getUrl()) ?>"><?php echo $_item->getLabel() ?>
        <?php else: echo '>' . $_item->getLabel() ?>
        <?php endif; ?>
        (<?php echo $_item->getCount() ?>)
    </option>
<?php endforeach ?>
</select>

but I am getting the error "setLocation(this.value) is not defined". If anyone has another option, please let me know.

score 0 · Accepted Answer · answered Nov 04 '20 at 10:18

0

Please add below js code:

function setLocation(value) {
    window.location = value;
}

answered Nov 04 '20 at 10:18

Amit Saini

575
4
11

Thanks for your response. I try this but another issue coming. price navigation not working – Vishal Varshney Nov 04 '20 at 11:07
not showing any error when i select price $40 to $200 its only refresh the page and url look like "store url/category/priceto=pricefrom" – Vishal Varshney Nov 06 '20 at 08:46

How to make dropdown layered navigation in Magento 2

1 Answers1