---
title: "Slik tilpasser du ikonene på menyen | Opplæringsvideoer for e-handelsapper - GoodBarber"
description: "Hei og velkommen til ditt GoodBarber-backoffice.\r \r I dag skal vi lære hvordan du endrer ikonene i navigasjonsmenyen din.\r \r Hvis du fortsatt ikke har valgt navigasjonsmal, kan du se videoen jeg har …"
canonical_url: "https://no.goodbarber.com/tutorials/shop/design/slik-tilpasser-du-ikonene-pa-menyen/"
lang: no
---

# Slik tilpasser du ikonene på menyen | Opplæringsvideoer for e-handelsapper - GoodBarber

[Tilbake](https://no.goodbarber.com/tutorials/shop/)

# Slik tilpasser du ikonene på menyen

Hei og velkommen til ditt GoodBarber-backoffice.

I dag skal vi lære hvordan du endrer ikonene i navigasjonsmenyen din.

Hvis du fortsatt ikke har valgt navigasjonsmal, kan du se videoen jeg har lagt til i infofeltet.

Hvis du har valgt sveip, Little Swipe, TabBar eller Grid-navigasjon, er denne veiledningen noe for deg.
I disse navigasjonsmodusene er delene av appen din representert med ikoner som kan tilpasses.

La meg vise deg hvordan du gjør det.

Gå til menyen Min app> Design, navigasjonsmenyen

Åpne navigasjonsmodusen du har valgt, for meg Swipe
Med Swipe er ikoner ikke obligatoriske, men du kan aktivere dem her : innstillingsmeny, se at du bare trenger å aktivere alternativet.
La oss nå gå tilbake til Layout-menyen:
Klikk på ikonet for den delen du vil tilpasse, og rediger deretter ikonet.

Jeg har nå to muligheter: enten bruker jeg ett av de 150 ikonene som tilbys av Goodbarber

Eller jeg laster opp et egendefinert ikon

For å gjøre det går jeg til menyen Personlige ikoner

Hvis du velger alternativet Ikon, må du laste opp et hvitt bilde på gjennomsiktig bakgrunn, da du vil kunne bruke temafargene dine på dette ikonet.

I mitt tilfelle vil jeg velge fra GoodBArber-ikonbiblioteket
voila!

Jeg endrer raskt ikonene til de andre seksjonene. Alt er gjort!
For å endre fargen på ikonene, gå til innstillingsmenyen, ikonfarge og voila!

Du kan fremheve en seksjon i menyen din ved å bruke en annen farge på ikonet. For å gjøre det, gå til layoutmenyen, velg seksjonen du vil fremheve og aktiver alternativet "feature this link" . du har nå mange flere alternativer. Alt du trenger å gjøre er å velge fargene på ikonet ditt. Nå er du ferdig!

Se det endelige resultatet.
Du vet nå hvordan du tilpasser ikonene på navigasjonsmenyen din.
Vi ses veldig snart for en annen opplæring

## Relaterte videoer

[DesignSlik setter du opp navigasjonsmenyen din](/tutorials/shop/design/slik-setter-du-opp-navigasjonsmenyen-din/)

![Slik setter du opp navigasjonsmenyen din](https://portal.ww-cdn.com/portal_static/images/videos_shop11.4f7dad94042e.jpg)

[DesignSlik konfigurerer du startsiden til appen din](/tutorials/shop/design/slik-konfigurerer-du-startsiden-til-appen-din/)

![Slik konfigurerer du startsiden til appen din](https://portal.ww-cdn.com/portal_static/images/videos_shop13.e1aed198d25d.jpg)

[DesignSlik tilpasser du sprutskjermen](/tutorials/shop/design/slik-tilpasser-du-sprutskjermen/)

![Slik tilpasser du sprutskjermen](https://portal.ww-cdn.com/portal_static/images/videos_shop14.5ba4ff60f4e0.jpg)

[DesignSlik konfigurerer du toppteksten i butikken din](/tutorials/shop/design/slik-konfigurerer-du-toppteksten-i-butikken-din/)

![Slik konfigurerer du toppteksten i butikken din](https://portal.ww-cdn.com/portal_static/images/videos_shop15.1e15b7c0b749.jpg)

[DesignSlik konfigurerer du den globale stilen for butikken din](/tutorials/shop/design/slik-konfigurerer-du-den-globale-stilen-for-butikken-din/)

![Slik konfigurerer du den globale stilen for butikken din](https://portal.ww-cdn.com/portal_static/images/videos_shop16.60bbdddf3a84.jpg)

[DesignSlik tilpasser du hovedikonene i butikken din](/tutorials/shop/design/slik-tilpasser-du-hovedikonene-i-butikken-din/)

![Slik tilpasser du hovedikonene i butikken din](https://portal.ww-cdn.com/portal_static/images/videos_shop17.5fb60f1ec20f.jpg)

[DesignSlik utformer du seksjonene i butikken din](/tutorials/shop/design/slik-utformer-du-seksjonene-i-butikken-din/)

![Slik utformer du seksjonene i butikken din](https://portal.ww-cdn.com/portal_static/images/videos_shop18.471e5731e7e3.jpg)

[DesignSlik løsner du designet til en seksjon](/tutorials/shop/design/slik-lsner-du-designet-til-en-seksjon/)

![Slik løsner du designet til en seksjon](https://portal.ww-cdn.com/portal_static/images/videos_shop19.6bfd3cd7cba1.jpg)

[DesignHvordan velge topptekststørrelse?](/tutorials/shop/design/hvordan-velge-topptekststrrelse/)

![Hvordan velge topptekststørrelse?](https://portal.ww-cdn.com/portal_static/images/videos_design_header.a341dbbe5c74.jpg)