Siirry sisältöön
Asenna sovellus
Suomi

Säädä valikon värejä

Aseta valikkopalkin, alivalikkojen, välilehtien, tuotemerkintöjen ja Lisää ostoskoriin -painikkeen värit.

Ohje Kaikki paketit 2 min lukuaika

Värit-välilehden värit koskevat valikon jokaista kohdetta, joten voit sovittaa valikon brändiisi yhdessä paikassa.

Vaihda väri

  1. Avaa Värit-välilehti

    Napsauta valikkoeditorissa maaliämpärikuvaketta vasemmassa sivupalkissa (1).

    Avaa Värit-välilehti (1) ja napsauta sitten värikenttää (2).
  2. Valitse väri

    Napsauta värin vieressä olevaa kenttää (2). Valitse väri tai kirjoita heksakoodi, kuten #FFFFFF.

  3. Tarkista esikatselu

    Vie hiiri esikatselun kohteiden päälle ja tarkista osoitettaessa näkyvät värit.

  4. Tallenna ja julkaise

    Napsauta Tallenna ja sitten Julkaise.

Väriasetukset

Päävalikko

Taustaväri
Valikkopalkin tausta.
Hover background color (taustan väri osoitettaessa)
Ylimmän tason kohteen tausta, kun hiiri osoittaa sitä tai sen alivalikko on auki.
Separator color (erottimen väri)
Kohteiden väliset erotinviivat, jotka näkyvät, kun Näytä erotin tietokoneella tai Näytä erotin mobiilissa on päällä valikon asetuksissa.
Tekstin väri
Ylimmän tason kohteiden teksti ja kuvakkeet.
Hover text color (tekstin väri osoitettaessa)
Ylimmän tason kohteiden teksti ja kuvakkeet, kun hiiri osoittaa niitä.

Alivalikko

Pudotusvalikot, megavalikot ja niiden sisältö.

Taustaväri
Alivalikon tausta.
Border color (reunan väri)
Alivalikon reunus, joka näkyy, kun Näytä reunus on päällä valikon asetuksissa.
Heading color (otsikon väri)
Alivalikkojen otsikot, kuten linkkilistojen otsikot.
Tekstin väri
Alivalikkojen linkit ja teksti.
Hover text color
Alivalikon linkit, kun hiiri osoittaa niitä.
Description color (kuvauksen väri)
Kohteiden alla oleva kuvausteksti.
Hover description color (kuvauksen väri osoitettaessa)
Kuvausteksti, kun hiiri osoittaa sitä.

Välilehtivalikko

Heading color
Välilehtien nimet.
Active heading color (aktiivisen otsikon väri)
Valitun välilehden nimi.
Active background color (aktiivisen taustan väri)
Valitun välilehden tausta.

Nimike

Valikossa näkyvien tuotteiden merkinnät.

Sale text color · Sale background color (ale-tekstin väri · ale-taustan väri)
Alennettujen tuotteiden ale-merkintä.
Sold out text color · Sold out background color (loppuunmyyty-tekstin väri · loppuunmyyty-taustan väri)
Loppuunmyyty-merkintä.

Lisää ostoskoriin -painike

Näkyy, kun Näytä Lisää ostoskoriin -painike on päällä kohdassa Valikon asetukset > Lisäasetukset.

Tekstin väri · Tekstin väri osoitettaessa
Painikkeen teksti tavallisesti ja hiiren osoittaessa.
Taustaväri · Taustan väri osoitettaessa
Painikkeen tausta tavallisesti ja hiiren osoittaessa.

Vianmääritys

Kohteita on vaikea lukea tai ne katoavat hiiren osoittaessa

Varmista, että Tekstin väri erottuu Taustaväristä ja Hover text color erottuu Hover background color -väristä. Valkoinen teksti valkoisella taustalla saa kohteet katoamaan, kun hiiri osoittaa niitä.

Haluan yhden kohteen eri värillä

Käytä kohteen omia Väri-asetuksia (Pro Navigation -paketti), esimerkiksi punaiselle “Ale”-kohteelle. Katso Muokkaa valikkokohdetta.

Oliko tästä apua?

Ilmoita ongelmasta