cancel
Showing results for 
Search instead for 
Did you mean: 

How to remove items from the bottom toolbar ?

SOLVED
   Did you know you can see the translated content as per your choice?

Translation is in progress. Please check again after few minutes.

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");