How to Change Toolbar Limiter Dropdown To Links in Magento 2

How to Change Toolbar Limiter Dropdown To Links in Magento 2

The on-site experience of an online store depends on how each element is placed and designed. Even a small link or a dropdown can irritate a visitor and leave the store.

Hence, it is important for the Magento 2 store owners to work on minute details. As a part of it, here’s the programmatic solution to change toolbar limiter dropdown to links in Magento 2.

By default, it looks something like this:

How to Change Toolbar Limiter Dropdown To Links in Magento 2 1

And if you want to change it to this:

How to Change Toolbar Limiter Dropdown To Links in Magento 2 2

use the below solution:

Method to Change Toolbar Limiter Dropdown to Links in Magento 2:

Override limiter.phtml from vendor/magento/Module_Catalog/templates/product/list/toolbar/ to app/design/frontend/theme/child_theme/Magento_Catalog/templates/product/list/toolbar/limiter.phtml and replace the below code:

with

That’s it.

Any doubts in the solution can be mentioned in the Comments section below. I’d be happy to help you out.

 

Get Weekly Updates

Never miss Magento tips, tricks, tutorials, and news.

Thank you for subscribing.

Something went wrong.

5
(based on 3 Reviews)

Kanchi is a Magento Developer at Meetanshi. Apart from that, she is into dancing. In her free time, she likes to make handmade art and craft.

2 comments On How to Change Toolbar Limiter Dropdown To Links in Magento 2

Leave a reply:

Your email address will not be published.