---
title: "Slik utformer du seksjonene i butikken din | Opplæringsvideoer for e-handelsapper - GoodBarber"
description: "Hei og velkommen til ditt GoodBarber-backoffice\r I dag skal vi lære hvordan du setter opp designet på butikkens seksjoner.\r \r Hver type seksjon har sine egne designspesifikasjoner, men prosessen for …"
canonical_url: "https://no.goodbarber.com/tutorials/shop/design/slik-utformer-du-seksjonene-i-butikken-din/"
lang: no
---

# Slik utformer du seksjonene i butikken din | Opplæringsvideoer for e-handelsapper - GoodBarber

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

# Slik utformer du seksjonene i butikken din

Hei og velkommen til ditt GoodBarber-backoffice
I dag skal vi lære hvordan du setter opp designet på butikkens seksjoner.

Hver type seksjon har sine egne designspesifikasjoner, men prosessen for å sette dem opp er den samme.

For å designe en seksjon går vi til menyen Innhold og design > Design > Design > design av seksjoner
I dette eksemplet skal vi designe en Product. Liste.

Det første du må gjøre, er å velge en mal. Du kan se endringene med en gang i forhåndsvisningen i back office.

La oss velge Mal 2

Deretter setter vi opp utformingen av innholdssonen
bakgrunnsfarge, innholdsjustering
Skrifter og skriftfarger for de forskjellige elementene

Og for å fullføre miniatyrbildeformatet

Voila! Alt er gjort

Dette designet vil bli brukt som standard på alle produktlisteseksjonene i butikken din.
Det er en måte å designe en seksjon spesielt på, men det er for en annen video;)

Vær så god, produktlisten min er klar
Nå er det din tur!

Vi sees 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 tilpasser du ikonene på menyen](/tutorials/shop/design/slik-tilpasser-du-ikonene-pa-menyen/)

![Slik tilpasser du ikonene på menyen](https://portal.ww-cdn.com/portal_static/images/videos_shop12.6eeb6d5a859c.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 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)