# Einzelnes Wort im Navigationpunkt fett

**URL:** https://forum.shopware.com/t/einzelnes-wort-im-navigationpunkt-fett/72656
**Category:** Themes & Design
**Created:** [9. Februar 2021 um 16:22 UTC](https://forum.shopware.com/t/einzelnes-wort-im-navigationpunkt-fett/72656 "2021-02-09T16:22:23Z")
**Posts on this page:** 5
**Page:** 1

<div class="post-metadata">

### Author: ![heiko813](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/heiko813/32/13083_2.png) [@heiko813](https://forum.shopware.com/u/heiko813)
#### Post date: [9. Februar 2021 um 16:22 UTC](https://forum.shopware.com/t/einzelnes-wort-im-navigationpunkt-fett/72656/1 "2021-02-09T16:22:23Z")

</div>

Hallo!

Ich möchte ein Wort im Menüpunkt fett schreiben - wie der Titel schon sagt. Der Menüpunkt kommt von einer Kategorie.

IST: Kategorie Name  
SOLL: **Kategorie** Name

- Ich habs per CSS probiert - geht nicht, da es keinen “first-word” selector gibt.
- Kategoriename mit html nimmt er auch nicht, encodet oder escaped speichert er auch nicht.  
Kann ich hier irgendwie nen “strong” bzw “b” befehl einfügen?
- JS “suche/tausche” ist suboptimal - wäre jetzt aber meine letzte Option…

Vielleicht habt ihr ja nooh Ideen zur Umsetzung!

Danke

---

<div class="post-metadata">

### Author: ![AlexBS](https://avatars.discourse-cdn.com/v4/letter/a/ed655f/32.png) [@AlexBS](https://forum.shopware.com/u/AlexBS)
#### Post date: [10. Februar 2021 um 12:24 UTC](https://forum.shopware.com/t/einzelnes-wort-im-navigationpunkt-fett/72656/2 "2021-02-10T12:24:53Z")

</div>

Da man in den Kategorienamen sowieso keinen HTML Code schreiben kann (zumindest bei mir wird der immer gelöscht), könntest du das über ein CustomField lösen. Einfach ein Custom Field erstellen für die Kategorie, sowas wie “alternativeCatName”, dem du dann zB den Wert **Kategorie** Name gibst.

Das Twig Template navigation.html.twig einfach erweitern&nbsp;und dann Abfragen, ob das CustomField für die Kategorie gesetzt ist und wenn ja, dass er statt dem Kategorienamen den Wert des CustomFields ausgibt. Da reicht es, den Block “layout\_main\_navigation\_menu\_item” zu überschreiben. Der untere Code geht nur, falls du nicht schon selber Änderungen in diesem Block vorgenommen hast oder ein Theme besitzt, das dort schon Änderungen durchgeführt hat.

```
{% sw_extends '@Storefront/storefront/layout/navigation/navigation.html.twig' %}

{% block layout_main_navigation_menu_item %}
    {% if category.type == 'folder' %}
         0 %}
                data-flyout-menu-trigger="{{ categorId }}"
            {% endif %}
                title="{{ name }}">
                
                    
                    {# Hier wurde etwas geändert START #}
                         {% if category.translated.customFields.alternativeCatName is defined %}
                            {{ category.translated.customFields.alternativeCatName|raw }}
                        {% else %}
                            {{ name }}
                        {% endif %}
                    {# Hier wurde etwas geändert ENDE #}    
                    
                
        
    {% else %}
         0 %}
                data-flyout-menu-trigger="{{ categorId }}"
            {% endif %}
                title="{{ name }}">
            
                
                {# Hier wurde etwas geändert START #}
                    {% if category.translated.customFields.alternativeCatName is defined %}
                        {{ category.translated.customFields.alternativeCatName|raw }}
                    {% else %}
                        {{ name }}
                    {% endif %}
                {# Hier wurde etwas geändert ENDE #}  
                
            
        
    {% endif %}
{% endblock %}

```

Die Frage ist, wie das mit dem Thema Sicherheit ist, da man dann theoretisch über dieses CustomField auch schadhaften Code injizieren könnte. Aber da bin ich leider kein Experte.&nbsp;

---

<div class="post-metadata">

### Author: ![AlexBS](https://avatars.discourse-cdn.com/v4/letter/a/ed655f/32.png) [@AlexBS](https://forum.shopware.com/u/AlexBS)
#### Post date: [10. Februar 2021 um 12:28 UTC](https://forum.shopware.com/t/einzelnes-wort-im-navigationpunkt-fett/72656/3 "2021-02-10T12:28:14Z")

</div>

Theoretisch müsstest du das dann auch ein eigenes Kategorie-Template in den Erlebniswelten erstellen, damit die Überschrfift der Kategorie dort auch die Wörter fett geschrieben bekommt. Den Namen könntest du dann über das kostenlose HTML/Twig Plugin ausgeben., so a la:

```
{% if page.header.navigation.active.translated.customFields.alternativeCatName is defined %}
    {{ page.header.navigation.active.translated.customFields.alternativeCatName|raw }}
{% else %}
    {{ page.header.navigation.active.translated.name }}
{% endif %}

```

&nbsp;

---

<div class="post-metadata">

### Author: ![heiko813](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/heiko813/32/13083_2.png) [@heiko813](https://forum.shopware.com/u/heiko813)
#### Post date: [10. Februar 2021 um 18:57 UTC](https://forum.shopware.com/t/einzelnes-wort-im-navigationpunkt-fett/72656/4 "2021-02-10T18:57:51Z")

</div>

das ist tatsächlich ein sehr toller ansatz - danke!

ich probiere mal rum und berichte!

---

<div class="post-metadata">

### Author: ![AlexBS](https://avatars.discourse-cdn.com/v4/letter/a/ed655f/32.png) [@AlexBS](https://forum.shopware.com/u/AlexBS)
#### Post date: [10. Februar 2021 um 22:40 UTC](https://forum.shopware.com/t/einzelnes-wort-im-navigationpunkt-fett/72656/5 "2021-02-10T22:40:52Z")

</div>

Gerne! Bin gespannt ob es so funkioniert. Bin auch erst ganz neu bei Shopware, kann also nicht garantieren, dass es so funktioniert.&nbsp;
