cancel
Showing results for 
Search instead for 
Did you mean: 

How to remove items from the bottom toolbar ?

SOLVED

How to remove items from the bottom toolbar ?

I can not find how to remove items from the bottom toolbar. Which file is affected ?

 

 

toolbar.png

2 ACCEPTED SOLUTIONS

Accepted Solutions

Re: How to remove items from the bottom toolbar ?

Hi @thomas_rolland

 

You can rewrite vendor/magento/module-catalog/Block/Product/ProductList/Toolbar.php file and add you own template instead of

 

protected $_template = 'Magento_Catalog::product/list/toolbar.phtml';

Then you can remove sort by or limit section from phtml or add any new section as per your requirement.

View solution in original post

Re: How to remove items from the bottom toolbar ?

Someone gave me this solution in CSS and it works:

 

.toolbar-bottom .toolbar-sorter,.toolbar-bottom .limiter,.toolbar-bottom .toolbar-products .toolbar-amount {display: none;}

View solution in original post

5 REPLIES 5

Re: How to remove items from the bottom toolbar ?

Hi @thomas_rolland 

 

Can you tell me what you want to remove or can show me the screenshot? So that I can help you in a better way.

Re: How to remove items from the bottom toolbar ?

Hi @verma_mallika

 

I want personalise toolbar-bottom (remove "sorter" and "limiter").

Re: How to remove items from the bottom toolbar ?

Hi @thomas_rolland

 

You can rewrite vendor/magento/module-catalog/Block/Product/ProductList/Toolbar.php file and add you own template instead of

 

protected $_template = 'Magento_Catalog::product/list/toolbar.phtml';

Then you can remove sort by or limit section from phtml or add any new section as per your requirement.

Re: How to remove items from the bottom toolbar ?

Someone gave me this solution in CSS and it works:

 

.toolbar-bottom .toolbar-sorter,.toolbar-bottom .limiter,.toolbar-bottom .toolbar-products .toolbar-amount {display: none;}

Re: How to remove items from the bottom toolbar ?

Both at top and bottom toolbar have same css class. so we can hide last div by jquery.

 

$('.toolbar-products div:last-child').css("display","none");