Jump to content

[Tip]Holrizontal layered navigation using CSS


Recommended Posts

Hi,

 

This tip might interest others too. So I share it.

 

I have changed the CSS file blocklayered-15.css so that it becomes horizontal. It is the gray bar that you see in the next picture 

  • - I use only the categories filter. 
  • - My version PS 1.5.6
  • - My theme: modified default theme

 

horizontal-layered-navigation.jpg

 

 

Installation:

  1. - backup your  blocklayered-15.css
  2. - unzip the attached file and put the modified blocklayered-15.css in your modules/blocklayered follder
  3. - adjust the css as you wish

blocklayered-15.zip

post-26823-0-11989500-1385573777_thumb.jpg

  • Like 1

Share this post


Link to post
Share on other sites
  • 2 weeks later...

Hello,

 

thank you for this Tip.

 

I've put my blocklayered on the center column (750px), just under the scene.

Using Prestashop 1.4, i can't apply this changes using your tip, because it's for 1.5.

Do you have an idea how to do for my theme ?

 

Thank you for your help ;)

 

regards

Edited by jujutte24 (see edit history)

Share this post


Link to post
Share on other sites

Hello,

 

thank you for this Tip.

 

I've put my blocklayered on the center column (750px), just under the scene.

Using Prestashop 1.4, i can't apply this changes using your tip, because it's for 1.5.

Do you have an idea how to do for my theme ?

 

Thank you for your help ;)

 

regards

 

Hello,

 

I am using Firefox + Firebug to make online the changes to the CSS, 

When everything is what I expect, I change the actual CSS file.

 

Hope this helps

Share this post


Link to post
Share on other sites
  • 6 months later...
Guest
This topic is now closed to further replies.
×
×
  • Create New...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More