Bart SalléFreelance webdeveloper Plan een gesprek
Prestashop

Actieve menu items door middel van jQuery

Actieve menu items door middel van jQuery

Soms 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.

Vraag advies over dit onderwerp
Prestashop

Ik wil een webwinkel starten. Prestashop of WooCommerce?

1 februari 2021 Lees meer