Close

Show filters with a link

Stormvision
6 years ago
#13912 Quote
Avatar
  • 4
Hi,
I need to create a link in HTML to show/hide Ajax Filters menu  (in mobile).


  I know that there is a filters icon in the top menu, but I need to have a link  more accessible to users. Thanks
Valentin
6 years ago
#13916 Quote
Avatar
  • Moderator
  • 172
Stormvision wrote:
Hi,
I need to create a link in HTML to show/hide Ajax Filters menu  (in mobile).


  I know that there is a filters icon in the top menu, but I need to have a link  more accessible to users. Thanks


Greetings,

you can achieve that by adding the following code to wherever you find fitting in this file
~ Presentation \ Nop.Web \ Themes \ Tiffany \ Views \ Catalog -> CategoryTemplate.ProductsInGridOrLines.cshtml:


<div class="filters-button">
     <span>YOUR_TEXT_HERE</span>
</div>


Have in mind that since this is a customization, it will come with no styling, therefore - you will probably need to add some CSS to make it look as you want it.

Hope this was helpful.
Best Regards,

Valentin Kirov
Nop-Templates.com
Stormvision
6 years ago
#13917 Quote
Avatar
  • 4
Hello Valentin,
Thanks for your kind reply! I already tried that, and it wasn't working, but now your answer put me in the right direction. I had to add this span class in order to make it work: <div class="filters-button"><strong><span class="ico-filters">Filters</span></strong></div>

Thank you
Best Regards