Actieve menu items door middel van jQuery
20-02-2014Soms heeft een automatisch gegenereerd menu geen aparte css class voor het actieve menu item. Het topmenu in eerdere versies van Prestashop heeft daar bijvoorbeeld last van.
Dit is vrij simpel op te lossen door gebruik te maken van een paar regels jquery:
<script type="text/javascript"> jQuery(document).ready(function($){ // Verkrijg de huidige url var url = window.location.href; // Zoek de menuitem waarvan de url gelijk is aan de huidige url // en geef de parent een actieve class $('#nav li a[href="'+url+'"]').parent().addClass('current_page_item'); }); </script>
Dit trucje werkt overigens alleen als de menu items absolute urls hebben.
