---
title: "Miten muokata kauppasi tärkeimpiä kuvakkeita? | Sovellus verkkokauppa - Oppaat - GoodBarber"
description: "Hei ja tervetuloa GoodBarberin takahuoneeseen\r \r Tänään opettelemme, miten sovelluksesi kuvakkeita voidaan muokata.\r \r Tämä on pakollinen vaihe sovelluksesi luomiseksi\r \r Kuvake on sovelluksesi keske…"
canonical_url: "https://fi.goodbarber.com/tutorials/shop/design/miten-muokata-kauppasi-tarkeimpia-kuvakkeita/"
lang: fi
---

# Miten muokata kauppasi tärkeimpiä kuvakkeita? | Sovellus verkkokauppa - Oppaat - GoodBarber

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

# Miten muokata kauppasi tärkeimpiä kuvakkeita?

Hei ja tervetuloa GoodBarberin takahuoneeseen

Tänään opettelemme, miten sovelluksesi kuvakkeita voidaan muokata

.

Tämä on pakollinen vaihe sovelluksesi luomiseksi

Kuvake on sovelluksesi keskeinen visuaalinen elementti. Sitä käytetään verkkoselaimissa faviconina, sitä näytetään push-ilmoituksissa lähettäjän tunnistamiseksi ja se näytetään käyttäjiesi' laitteen aloitusnäytöllä.

Kuvakkeiden määrittämiseksi mennään valikkoon Sisältö & Design > Design;> General Design

Avaa kuvakevalikko

Voit käyttää avustajaa tai luoda täysin oman kuvakkeen

Aloitamme avustajasta

Tässä voit lisätä tekstiä tai logon

Esimerkiksi haluan näyttää kauppani Urban Shangon nimikirjaimet. Minun tarvitsee vain syöttää ne tekstikenttään
.
Voila

Jos haluan logon, minun tarvitsee vain napsauttaa tällaista välilehteä ja ladata kuva halutuilla mitoilla

Pidetään’kiinni tekstistä

Oikeanpuoleisessa valikossa voin asettaa fontin, tekstin värin ja tehosteet

Sitten luon kuvakkeeni taustan: värin tai kuvan unSpashin taustakirjastosta tai omalta koneeltani.

Minulla on mahdollisuus valita kuvakkeeni tausta.

Niin'aion tehdä .

Ja voila, kuvakkeeni on valmis!

Minun tarvitsee nyt vain muokata sovellukseni otsikkoa, joka näkyy asiakkaiden laitteiden aloitusnäytöllä

Täydellinen!

Klikkaa generate ja vahvista muutokset

Ikonat luodaan automaattisesti haluttuun muotoon kaikkia mahdollisia käyttötarkoituksia varten.

Ei ollut helppoa?

Kokeillaan nyt mukautettua vaihtoehtoa
Nyt se ei voisi'olla enää helpompaa. Lataa yksinkertaisesti jo luotu kuvake (halutun kokoisena)

Ja se’on valmis!

Tiedät nyt, miten voit muokata sovelluksen kuvaketta

Näemme pian uudessa opetusohjelmassa!

Kyllä.

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