---
title: "Sådan designer du sektionerne i din butik | Vejledninger til e-handelsapps - GoodBarber"
description: "Hej og velkommen til dit GoodBarber-backoffice\r I dag skal vi lære, hvordan man opsætter designet af butikkens sektioner.\r \r Hver type sektion har sine egne designspecifikationer, men processen til a…"
canonical_url: "https://dk.goodbarber.com/tutorials/shop/design/sadan-designer-du-sektionerne-i-din-butik/"
lang: da
---

# Sådan designer du sektionerne i din butik | Vejledninger til e-handelsapps - GoodBarber

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

# Sådan designer du sektionerne i din butik

Hej og velkommen til dit GoodBarber-backoffice
I dag skal vi lære, hvordan man opsætter designet af butikkens sektioner.

Hver type sektion har sine egne designspecifikationer, men processen til at sætte dem op er den samme.

For at designe en sektion skal vi gå til menuen Indhold og design > Design > design af sektioner
I dette eksempel vil vi designe en Product. Liste.

Først skal du vælge en skabelon. Du kan se ændringerne med det samme i backoffice-eksemplet.

Lad os vælge skabelon 2

Derefter indstiller vi designet af indholdszonen
baggrundsfarve, justering af indhold
Skrifttyper og skrifttypefarver for de forskellige elementer

Og til sidst thumbnail-formatet

Voila! Det hele er færdigt

Dette design vil som standard blive anvendt på alle produktlisteafsnit i din butik.
Der er en måde at designe en bestemt sektion på, men det er til en anden video ;)

Værsgo, min produktliste er klar
Nu er det din tur!

Vi ses 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 tilpasser du ikonerne i menuen](/tutorials/shop/design/sadan-tilpasser-du-ikonerne-i-menuen/)

![Sådan tilpasser du ikonerne i menuen](https://portal.ww-cdn.com/portal_static/images/videos_shop12.6eeb6d5a859c.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 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)