---
title: "Sådan tilpasser du ikonerne i menuen | Vejledninger til e-handelsapps - GoodBarber"
description: "Hej og velkommen til dit GoodBarber-backoffice.\r \r I dag skal vi lære, hvordan du ændrer ikonerne i din navigationsmenu.\r \r Hvis du stadig ikke har valgt din navigationsskabelon, kan du se den video,…"
canonical_url: "https://dk.goodbarber.com/tutorials/shop/design/sadan-tilpasser-du-ikonerne-i-menuen/"
lang: da
---

# Sådan tilpasser du ikonerne i menuen | Vejledninger til e-handelsapps - GoodBarber

[Tilbage](https://dk.goodbarber.com/tutorials/shop/)

# Sådan tilpasser du ikonerne i menuen

Hej og velkommen til dit GoodBarber-backoffice.

I dag skal vi lære, hvordan du ændrer ikonerne i din navigationsmenu.

Hvis du stadig ikke har valgt din navigationsskabelon, kan du se den video, jeg har tilføjet i infobjælken.

Hvis du har valgt Swipe-, Little Swipe-, TabBar- eller Grid-navigation, så er denne vejledning noget for dig.
I disse navigationstilstande er dine sektioner i din app repræsenteret af ikoner, der kan tilpasses.

Lad mig vise dig hvordan.

Gå til menuen Min app> Design, navigationsmenu

Åbn den navigationstilstand, du har valgt, for mig Swipe
Med Swipe er ikoner ikke obligatoriske, men du kan aktivere dem her: indstillingsmenu, se, at du kun behøver at aktivere indstillingen.
Lad os nu gå tilbage til menuen Layout:
Klik på ikonet for det afsnit, du vil tilpasse, og rediger derefter ikonet.

Jeg har nu 2 muligheder: eller jeg bruger 1 af de 150 ikoner, der tilbydes af Goodbarber

Eller jeg uploader et brugerdefineret ikon

For at gøre det går jeg til menuen Personlige ikoner

Hvis du vælger ikonindstillingen, skal du uploade et hvidt billede på gennemsigtig baggrund, da du vil kunne anvende dine temafarver på dette ikon.

I mit tilfælde vil jeg vælge fra GoodBArber-ikonbiblioteket
voila!

Jeg ændrer hurtigt ikonerne i de andre sektioner. Så er det gjort!
For at ændre farven på ikonerne skal du gå til indstillingsmenuen, ikonfarve og voila!

Du kan fremhæve et afsnit i din menu ved at bruge en anden farve til ikonet. For at gøre det skal du gå til layoutmenuen, vælge det afsnit, du vil fremhæve, og aktivere indstillingen "feature this link" . du har nu mange flere muligheder. Alt, hvad du behøver, er at vælge farverne på dit ikon. Og så er du færdig!

Se det endelige resultat.
Du ved nu, hvordan du tilpasser ikonerne i din navigationsmenu.
Vi ses meget snart til en ny vejledning

## Relaterede videoer

[DesignSådan sætter du din navigationsmenu op](/tutorials/shop/design/sadan-stter-du-din-navigationsmenu-op/)

![Sådan sætter du din navigationsmenu op](https://portal.ww-cdn.com/portal_static/images/videos_shop11.4f7dad94042e.jpg)

[DesignSådan opsætter du startsiden til din app](/tutorials/shop/design/sadan-opstter-du-startsiden-til-din-app/)

![Sådan opsætter du startsiden til din app](https://portal.ww-cdn.com/portal_static/images/videos_shop13.e1aed198d25d.jpg)

[DesignSådan tilpasser du din splashscreen](/tutorials/shop/design/sadan-tilpasser-du-din-splashscreen/)

![Sådan tilpasser du din splashscreen](https://portal.ww-cdn.com/portal_static/images/videos_shop14.5ba4ff60f4e0.jpg)

[DesignSådan opsætter du headeren i din butik](/tutorials/shop/design/sadan-opstter-du-headeren-i-din-butik/)

![Sådan opsætter du headeren i din butik](https://portal.ww-cdn.com/portal_static/images/videos_shop15.1e15b7c0b749.jpg)

[DesignSådan indstiller du den globale stil i din butik](/tutorials/shop/design/sadan-indstiller-du-den-globale-stil-i-din-butik/)

![Sådan indstiller du den globale stil i din butik](https://portal.ww-cdn.com/portal_static/images/videos_shop16.60bbdddf3a84.jpg)

[DesignSådan tilpasser du hovedikonerne i din butik](/tutorials/shop/design/sadan-tilpasser-du-hovedikonerne-i-din-butik/)

![Sådan tilpasser du hovedikonerne i din butik](https://portal.ww-cdn.com/portal_static/images/videos_shop17.5fb60f1ec20f.jpg)

[DesignSådan designer du sektionerne i din butik](/tutorials/shop/design/sadan-designer-du-sektionerne-i-din-butik/)

![Sådan designer du sektionerne i din butik](https://portal.ww-cdn.com/portal_static/images/videos_shop18.471e5731e7e3.jpg)

[DesignSådan løsner du designet af en sektion](/tutorials/shop/design/sadan-lsner-du-designet-af-en-sektion/)

![Sådan løsner du designet af en sektion](https://portal.ww-cdn.com/portal_static/images/videos_shop19.6bfd3cd7cba1.jpg)

[DesignHvordan vælger du din headerstørrelse?](/tutorials/shop/design/hvordan-vlger-du-din-headerstrrelse/)

![Hvordan vælger du din headerstørrelse?](https://portal.ww-cdn.com/portal_static/images/videos_design_header.a341dbbe5c74.jpg)