# Navigation Active State

**URL:** <https://forum.shopware.com/t/navigation-active-state/107923>\
**Category:** Shopware 6 (German)\
**Created:** [19. September 2025 um 09:35 UTC](https://forum.shopware.com/t/navigation-active-state/107923 "2025-09-19T09:35:33Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![schmidt](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/schmidt/32/19563_2.png) [@schmidt](https://forum.shopware.com/u/schmidt)\
**Post date:** [19. September 2025 um 09:35 UTC](https://forum.shopware.com/t/navigation-active-state/107923/1 "2025-09-19T09:35:33Z")

</div>

Moin,

gibt es einen richtig wichtigen Grund, weshalb der _active state_ in der Hauptnavigation per JavaScript gesetzt wird? Bei jedem Seitenaufruf entsteht dadurch ein sichtbares Flackern, was optisch nicht besonders angenehm wirkt.

In der entsprechenden Datei steht:  
_The active styling class `.active` is set by navbar.plugin.js._

Shopware Version: 6.7.2.2

Gruß,  
Schmidt

---

<div class="post-metadata">

**Author:** ![b.meyer](https://avatars.discourse-cdn.com/v4/letter/b/f05b48/32.png) [@b.meyer](https://forum.shopware.com/u/b.meyer)\
**Post date:** [19. September 2025 um 10:12 UTC](https://forum.shopware.com/t/navigation-active-state/107923/2 "2025-09-19T10:12:54Z")

</div>

Moin,

das wurde im Zuge der Einführung der ESI-Blöcke angepasst. Bedeutet die Top-Navigation und auch Footer kommen aus dem Cache und wissen quasi nicht, welche Kategorie aktuell aktiv ist. Der Body weiß es aber schon und das JavaScript holt sich dann die UUID aus dem Body und setzt entsprechend das `.active`.

Wenn genügend Platz im Element gelassen wird, sollte es eigentlich auch nicht flackern oder einen Content-Shift geben.

Falls du einen besseren Lösungsansatz hast, gerne her damit.

Grüße,  
Björn