---
title: "Miten suunnitella myymälän osat | Sovellus verkkokauppa - Oppaat - GoodBarber"
description: "Hei ja tervetuloa GoodBarberin takahuoneeseen\r Tänään opettelemme, miten myymälän osioiden suunnittelu asetetaan.\r \r Kullakin osiotyypillä on omat suunnitteluun liittyvät erityispiirteensä, mutta pro…"
canonical_url: "https://fi.goodbarber.com/tutorials/shop/design/miten-suunnitella-myymalan-osat/"
lang: fi
---

# Miten suunnitella myymälän osat | Sovellus verkkokauppa - Oppaat - GoodBarber

[Takaisin](https://fi.goodbarber.com/tutorials/shop/)

# Miten suunnitella myymälän osat

Hei ja tervetuloa GoodBarberin takahuoneeseen
Tänään opettelemme, miten myymälän osioiden suunnittelu asetetaan.

Kullakin osiotyypillä on omat suunnitteluun liittyvät erityispiirteensä, mutta prosessi niiden määrittämiseksi on sama.

Suunnittelemaan osiota mennään valikkoon Sisältö ja suunnittelu > Suunnittelu > osioiden suunnittelu
Tässä esimerkissä suunnittelemme’tuotteen. List.

Valitaan ensin malli. Näet muutokset heti back office -esikatselussa.

Voidaan valita malli 2

.

Sitten määrittelemme sisältöalueen ulkoasun
taustaväri, sisällön kohdistaminen
Eri elementtien fontit ja fonttien värit

Ja lopuksi pikkukuvien muotoilu

Voila! Kaikki valmista

Tämä muotoilu tulee oletusarvoisesti sovellettavaksi kaikkiin kaupassasi oleviin tuotelistaosioihin.
On olemassa tapa suunnitella osio erityisesti, mutta se’on toiselle videolle ;)

Tässä on valmis tuoteluetteloni
Nyt on sinun vuorosi!

Näemme pian uudessa tutoriaalissa!

## Samanlaisia videoita

[SuunnitteluNavigointivalikon määrittäminen](/tutorials/shop/design/navigointivalikon-maarittaminen/)

![Navigointivalikon määrittäminen](https://portal.ww-cdn.com/portal_static/images/videos_shop11.4f7dad94042e.jpg)

[SuunnitteluValikon kuvakkeiden mukauttaminen](/tutorials/shop/design/valikon-kuvakkeiden-mukauttaminen/)

![Valikon kuvakkeiden mukauttaminen](https://portal.ww-cdn.com/portal_static/images/videos_shop12.6eeb6d5a859c.jpg)

[SuunnitteluSovelluksen etusivun määrittäminen](/tutorials/shop/design/sovelluksen-etusivun-maarittaminen/)

![Sovelluksen etusivun määrittäminen](https://portal.ww-cdn.com/portal_static/images/videos_shop13.e1aed198d25d.jpg)

[SuunnitteluKuinka mukauttaa splashscreeniä](/tutorials/shop/design/kuinka-mukauttaa-splashscreenia/)

![Kuinka mukauttaa splashscreeniä](https://portal.ww-cdn.com/portal_static/images/videos_shop14.5ba4ff60f4e0.jpg)

[SuunnitteluKuinka perustaa kauppasi otsikko](/tutorials/shop/design/kuinka-perustaa-kauppasi-otsikko/)

![Kuinka perustaa kauppasi otsikko](https://portal.ww-cdn.com/portal_static/images/videos_shop15.1e15b7c0b749.jpg)

[SuunnitteluMiten määrität myymälän globaalin tyylin?](/tutorials/shop/design/miten-maaritat-myymalan-globaalin-tyylin/)

![Miten määrität myymälän globaalin tyylin?](https://portal.ww-cdn.com/portal_static/images/videos_shop16.60bbdddf3a84.jpg)

[SuunnitteluMiten muokata kauppasi tärkeimpiä kuvakkeita?](/tutorials/shop/design/miten-muokata-kauppasi-tarkeimpia-kuvakkeita/)

![Miten muokata kauppasi tärkeimpiä kuvakkeita?](https://portal.ww-cdn.com/portal_static/images/videos_shop17.5fb60f1ec20f.jpg)

[SuunnitteluKuinka irrottaa jakson muotoilu](/tutorials/shop/design/kuinka-irrottaa-jakson-muotoilu/)

![Kuinka irrottaa jakson muotoilu](https://portal.ww-cdn.com/portal_static/images/videos_shop19.6bfd3cd7cba1.jpg)

[SuunnitteluMiten valita otsikon koko ?](/tutorials/shop/design/miten-valita-otsikon-koko/)

![Miten valita otsikon koko ?](https://portal.ww-cdn.com/portal_static/images/videos_design_header.a341dbbe5c74.jpg)