Replace filter links in layered navigation with checkbox – Magento 1

The layered navigation in Magento help to filter products with in catelog with attributes, price & categories etc.

In default layered navigation, Magento use anchor link to filter products. Yesterday, I want to make checkbox instead of these anchor links.

Makeing checkbox from anchor link is too easier than I think. I just want to add a checkbox in a form and then add an onclick event for this check box to consume my target link.

That means, we want to change few lines of code in app/design/frontend/ourpackage/ourtheme/template/catalog/layer/filter.phtml.

First find out lines of code that caused for that anchor links. Then make a form and checkbox using variables used in that anchor link.

Your final code lines will look like below code snippet.

<form>
<span class="check-box"><input type="checkbox" name="vehicle" onclick='window.location.assign("<?php echo $this->urlEscape($_item->getUrl()) ?>")'/></span><span class="label"><?php echo $_item->getLabel() ?><span>
</form>

Then remove that old anchor link & use our new checkbox in Magento layered navigation.

Recent Posts

1. Disabling Payment Methods in WooCommerce Based on Conditions
2. How to Update Product Quantity in WooCommerce Using Custom Code
3. Dynamically Generating a Table of Contents in WordPress
4. Direct Checkout in WooCommerce - Add Product to Cart from Checkout Page & Skip Shop, Product, and Cart Pages
5. Understanding the Impact of git reset --hard Command

This article was published on July 25, 2014

Your Questions / Comments

If you found this article interesting, found errors, or just want to discuss about it, please get in touch.