Säädä valikon värejä
Aseta valikkopalkin, alivalikkojen, välilehtien, tuotemerkintöjen ja Lisää ostoskoriin -painikkeen värit.
Värit-välilehden värit koskevat valikon jokaista kohdetta, joten voit sovittaa valikon brändiisi yhdessä paikassa.
Vaihda väri
-
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). -
Valitse väri
Napsauta värin vieressä olevaa kenttää (2). Valitse väri tai kirjoita heksakoodi, kuten
#FFFFFF. -
Tarkista esikatselu
Vie hiiri esikatselun kohteiden päälle ja tarkista osoitettaessa näkyvät värit.
-
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?
Kiitos palautteestasi! Kerro, mitä puuttui
Ilmoita ongelmasta