Comments on: Prestashop top menu: add ‘active’ state for current page

By: NemoPS

NemoPS — Wed, 25 Nov 2015 13:46:00 +0000

Actually I tested it, it worked for me

By: Erik

Erik — Wed, 22 Apr 2015 09:46:00 +0000

Hi Hong,
your code is working on Prestashop 1.6?
Can you tell me exactly how to implement your code please?

What are the files to modify?
Thank you
Erik

By: Kvokul

Kvokul — Wed, 07 Jan 2015 20:21:00 +0000

Could you say something more about “Step 2″? I’ve absolutly no idea where is the correct place, that I should insert Your code. As I understand, I have to change public_html/modules/blocktopmenu/blocktopmenu.php?
In line 613 I have function definition, and there is no place to set id:
private function getCMSCategories($recursive = false, $parent = 1, $id_lang = false) { $id_lang = $id_lang ? (int)$id_lang : (int)Context::getContext()->language->id; if ($recursive === false) { $sql = 'SELECT [...] bcp.`id_parent` = '.(int)$parent; return Db::getInstance()->executeS($sql); } else { $sql = 'SELECT [...] bcp.`id_parent` = '.(int)$parent; $results = Db::getInstance()->executeS($sql); foreach ($results as $result) { $sub_categories = $this->getCMSCategories(true, $result['id_cms_category'], (int)$id_lang); if ($sub_categories && count($sub_categories) > 0) $result['sub_categories'] = $sub_categories; $categories[] = $result; } return isset($categories) ? $categories : false; } }

By: Northon

Northon — Fri, 31 Oct 2014 09:04:00 +0000

Hi. This is not working for me in Prestashop 1.6.0.9. (the lines you mentioned are missing). But there is a way how to fix this. I want to change color of all parent categories in top horizontal menu. Make the modifications described in tutorial on the top of the page. Now, its working on category page. Then to make it work on product page: Step 1: edit classes/Tools.php find line 1057: foreach ($categories as $category) add this:



$( "#num'.htmlentities($category['id_category'], ENT_NOQUOTES, 'UTF-8').'" ).css("color", "#00ffc2");

before this line:


'.$pipe.'' : '');

Step 2: edit blocktopmenu.php on line 613: add ID for tag "A" like this:


id="num'.$category['id_category'].'"

Done! Now the active category is highlighted even on product. Works with multiple categories (no matter how deep they are). Please, let me know, if there is a better way to deal with this.

By: jazz rentcar

jazz rentcar — Mon, 04 Aug 2014 09:58:00 +0000

how to make the blocktopmenu to sidebar menu?

http://www.jawarentcar.com

By: hong tran dinh

hong tran dinh — Wed, 11 Jun 2014 07:09:00 +0000

thank u very much.
first time ,i’m was suscess in v1.5.6
but today i using v 1.6.0.6 this not working.
and this my method .

$(function() {
var pgurl=window.location.href;

$(“ul.sf-menu li a”).each(function(){

if($(this).attr(“href”) == pgurl || $(this).attr(“href”) == ” || $(this).attr(“href”) == pgurl+’#’ )
$(this).addClass(“active”);
})
});

and style by my class .active (i’m sorry, english language very bad :d)

By: Sylvain

Sylvain — Tue, 03 Dec 2013 16:02:18 +0000

It would be nice if someone could help for this too.

Very good and well done tut !

Greetings

By: Laura

Laura — Fri, 15 Nov 2013 17:28:49 +0000

Is it possible that the first = homepage also remains active with sfHoverForce class?

Thank you very much for your help.

Greetings.

By: Rok

Rok — Thu, 31 Oct 2013 19:13:58 +0000

OK I cleared my cache and server cache after whole day of coding and I get highlight on category while visiting subcategory. Only trouble that remains is highlighting participating subcategories in topmenu.

By: Rok

Rok — Thu, 31 Oct 2013 16:10:36 +0000

Hi!

I tried using your methods to highlight the top menu. It only works partially. I also used suggestion to modify the blocktopmenu.php file from one of the replys but my site dissappears in that case. Did I paste the extra js code correctly into the file?

})(jQuery); jQuery(function(){ jQuery('ul.sf-menu').superfish(); $('.sfHover').addClass('sfHoverForce'); function recursiveCheck(element) { if (!element.length) return; var the_ul = element.parent(); if (the_ul.hasClass('sf-menu')) element.addClass('sfHoverForce'); else recursiveCheck(the_ul.parent()); } recursiveCheck($('.sfHoverForce')); });

As in partially I mean that when I visit the main category, it gets properly highlighted. Subcategories do not highlight and connected upper category also remains the same.

What am I doing wrong?

You guys are awesome at this, this is the only proper post on the internet that got me in the right direction.

(Prestashop 1.5.4., test.zaluno.si)