---
title: "Navigointivalikon määrittäminen | Sovellus verkkokauppa - Oppaat - GoodBarber"
description: "Hei ja tervetuloa GoodBarberin takahuoneeseen\r \r Tänään puhumme erilaisista navigaatiomalleista.\r Ne ovat erittäin tärkeitä monesta syystä:\r Ne jäsentävät kauppasi\r Ne ovat osa sovelluksesi lopullist…"
canonical_url: "https://fi.goodbarber.com/tutorials/shop/design/navigointivalikon-maarittaminen/"
lang: fi
---

# Navigointivalikon määrittäminen | Sovellus verkkokauppa - Oppaat - GoodBarber

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

# Navigointivalikon määrittäminen

Hei ja tervetuloa GoodBarberin takahuoneeseen

Tänään puhumme erilaisista navigaatiomalleista
.
Ne ovat erittäin tärkeitä monesta syystä:
Ne jäsentävät kauppasi
Ne ovat osa sovelluksesi lopullista suunnittelua
Niillä on tärkeä rooli asiakkaidesi käyttökokemuksessa

Se’on kauppasi pääasiallinen navigointi.

Valitsemalla yhden, siirry valikkoon Sisältö & Suunnittelu, Navigointivalikko

Valitse malli, jota haluat soveltaa sovellukseesi
Jokaisella navigointimallilla on omat ominaisuutensa, ja se parantaa kauppasi eri osioita tarpeidesi mukaan.

Valitaan TabBar-malli.

Se koostuu kahdesta pääosasta.
Päänavigaatio, joka näkyy sovelluksesi alareunassa
Ja toissijaisesta navigoinnista, joka tulee olemaan erillisessä valikossa.

Järjestääkseni osiot, minun tarvitsee vain raahata ne päänavigaation ja Toisen valikon väliin.

Minun 1. osio on kotisivuni. Sitten lisään luetteloni Collection nimeltä Collection, Myyntikokoelmani ja Käyttäjäprofiilin. Kaikki muu on Muu-valikossa.

Lisään infopalkkiin kokoelmia ja kokoelmaluetteloa koskevat videot.

Haluan muuttaa Oma koti -kuvakkeen
Klikkaa sitä yksinkertaisesti ja voila. I’m lisää mukautetun kuvakkeen, mutta voit myös valita yhden kuvakekirjastostamme. Lisään yksityiskohtaisen videon siitä, miten infopalkin kuvakkeet vaihdetaan.

Voin myös korostaa osiota muokkaamalla kuvakkeen väriä ja fonttia. Tehdään’tämä Myynti-mallistolle.

Navigointivalikon asetukset-osiossa voit myös muokata navigointivalikon ulkoasua. Yleinen fontti, otsikoiden näyttäminen tai näyttämättä jättäminen kuvakkeiden alla, kuvakkeiden väri, erottimet jne.

Olen tyytyväinen lopulliseen suunnitteluun

Anna minun näyttää asiakkaan puolelta. Tämä on TabBar-suunnittelu
Jotta saisit käsityksen muista versioista:
Swipe
Pieni pyyhkäisy
Grid
Ja Slate

Tiedät nyt, miten asetat kauppasi navigointivalikon

Näemme pian uudessa opetusohjelmassa

## Samanlaisia videoita

[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)

[SuunnitteluMiten suunnitella myymälän osat](/tutorials/shop/design/miten-suunnitella-myymalan-osat/)

![Miten suunnitella myymälän osat](https://portal.ww-cdn.com/portal_static/images/videos_shop18.471e5731e7e3.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)