---
title: "Så utformar du sektionerna i din butik | Handledning för e-handelsapp - GoodBarber"
description: "Hej och välkommen till ditt GoodBarber-backoffice\r Idag ska vi lära oss hur man ställer in designen för butikens sektioner.\r \r Varje typ av sektion har sina egna designspecifika egenskaper, men proce…"
canonical_url: "https://se.goodbarber.com/tutorials/shop/design/sa-utformar-du-sektionerna-i-din-butik/"
lang: sv
---

# Så utformar du sektionerna i din butik | Handledning för e-handelsapp - GoodBarber

[Tillbaka](https://se.goodbarber.com/tutorials/shop/)

# Så utformar du sektionerna i din butik

Hej och välkommen till ditt GoodBarber-backoffice
Idag ska vi lära oss hur man ställer in designen för butikens sektioner.

Varje typ av sektion har sina egna designspecifika egenskaper, men processen för att ställa in dem är densamma.

För att designa en sektion går vi till menyn Innehåll och design > Design > Design > design av sektioner
I det här exemplet designar vi en Product. Lista.

Välj först en mall. Du kan se ändringarna direkt i förhandsgranskningen i backoffice.

Låt oss välja Mall 2

Sedan ställer vi in utformningen av innehållszonen
bakgrundsfärg, innehållsinriktning
Typsnitt och typsnittsfärger för de olika elementen

Och för att avsluta miniatyrbildsformatet

Voila! Allt är gjort

Denna design kommer att tillämpas som standard på alla produktlistsektioner i din butik.
Det finns ett sätt att designa ett avsnitt i synnerhet, men det är för en annan video;)

Här har du, min produktlista är klar
Nu är det din tur!

Vi ses snart för en annan handledning!

## Relaterade videor

[DesignSå här skapar du din navigeringsmeny](/tutorials/shop/design/sa-har-skapar-du-din-navigeringsmeny/)

![Så här skapar du din navigeringsmeny](https://portal.ww-cdn.com/portal_static/images/videos_shop11.4f7dad94042e.jpg)

[DesignSå här anpassar du menyikonerna](/tutorials/shop/design/sa-har-anpassar-du-menyikonerna/)

![Så här anpassar du menyikonerna](https://portal.ww-cdn.com/portal_static/images/videos_shop12.6eeb6d5a859c.jpg)

[DesignSå här ställer du in startsidan för din app](/tutorials/shop/design/sa-har-staller-du-in-startsidan-for-din-app/)

![Så här ställer du in startsidan för din app](https://portal.ww-cdn.com/portal_static/images/videos_shop13.e1aed198d25d.jpg)

[DesignSå här anpassar du din splashscreen](/tutorials/shop/design/sa-har-anpassar-du-din-splashscreen/)

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

[DesignSå här ställer du in rubriken i din butik](/tutorials/shop/design/sa-har-staller-du-in-rubriken-i-din-butik/)

![Så här ställer du in rubriken i din butik](https://portal.ww-cdn.com/portal_static/images/videos_shop15.1e15b7c0b749.jpg)

[DesignSå här ställer du in den globala stilen för din butik](/tutorials/shop/design/sa-har-staller-du-in-den-globala-stilen-for-din-butik/)

![Så här ställer du in den globala stilen för din butik](https://portal.ww-cdn.com/portal_static/images/videos_shop16.60bbdddf3a84.jpg)

[DesignSå här anpassar du huvudikonerna i din butik](/tutorials/shop/design/sa-har-anpassar-du-huvudikonerna-i-din-butik/)

![Så här anpassar du huvudikonerna i din butik](https://portal.ww-cdn.com/portal_static/images/videos_shop17.5fb60f1ec20f.jpg)

[DesignHur man kopplar loss designen av en sektion](/tutorials/shop/design/hur-man-kopplar-loss-designen-av-en-sektion/)

![Hur man kopplar loss designen av en sektion](https://portal.ww-cdn.com/portal_static/images/videos_shop19.6bfd3cd7cba1.jpg)

[DesignHur väljer man rubrikstorlek?](/tutorials/shop/design/hur-valjer-man-rubrikstorlek/)

![Hur väljer man rubrikstorlek?](https://portal.ww-cdn.com/portal_static/images/videos_design_header.a341dbbe5c74.jpg)