Comments on: Quick Tip: Editing the top menu module (blocktopmenu)

By: Maria

Maria — Thu, 19 Sep 2013 12:22:11 +0000

Hi Nemo,

Can I do some simple coding and add/remove categories from the top menu?
I understand there is a module called Top Horizontal Menu, but that does not work for me. So can I change the blocktopmenu.php or blocktopmenu.css in some way to add/remove existing categories.

I also felt that when I do inspect element on the browser, the HTML code looked very easy, but finding the right directory to change is a headache. But overriding seems quite challenging as well. Could you give me a general direction on just editing PrestaShop from back-office (since most modules I tried did not work)?

Thanks,

Maria

By: Nemo

Nemo — Mon, 04 Mar 2013 11:52:39 +0000

Be sure you’re not caching any css file, and that force compile is ON.
Of course, there is a change yourm css rules are not targeting the correct aleme4nt, maybe something else is overriding. Inspect it with chrome developer tools

By: Dpaez

Dpaez — Mon, 04 Mar 2013 11:37:04 +0000

Hi again,

I´m working with filezilla to connect with the server. And I´m editing directly the superfish-modify.css file in the server. But I can´t see no changes after saving and overwriting.

Firstly I wanted to change the font but after seeing no changes at all I decided to try the changes you do at your video but not even those work.

Any advice?

Thanks again.

By: Nemo

Nemo — Sat, 02 Mar 2013 21:01:30 +0000

Hi,
you need to change .sf-menu li a {font: thefotnname}. Use an !important keyword if you don’t see it changing

By: Dpaez

Dpaez — Sat, 02 Mar 2013 19:45:13 +0000

HI Nemo,

I´m trying to change the font of the blocktopmenu, but I can´t find the way to do it.
Could you explain how to modify superfish-modify.css in order to do it please?

Thank you very much!

By: Nemo

Nemo — Thu, 24 Jan 2013 15:13:18 +0000

You can target it in the css like any normal class

By: Mike

Mike — Thu, 24 Jan 2013 14:58:10 +0000

yes i am on 1.5.3.1. Just new to the whole prestashop thing. Where exactly do you put sfHoverForce?

By: Nemo

Nemo — Thu, 24 Jan 2013 14:36:28 +0000

It’s a bit complex to explain, you will need to add it in the PHP file. However, if you’re on 1.5.3.1, current categories have the class “sfHoverForce”, which you can use to target the current state

By: Mike

Mike — Thu, 24 Jan 2013 11:43:38 +0000

do you know how to add .current to this css. so the current page is highlighted?

By: Nemo

Nemo — Wed, 24 Oct 2012 13:39:44 +0000

Yes, but only as long as it’s incorporated in the TPL. If you add it to the overall css files with Tools::addCSS (1.4) or $this->context->controller->addCSS (1.5) it should e fixed

Fabio