Mukautettu CSS

Ohje Kaikki paketit 1 min lukuaika

Käytä Tyylitaulukko / CSS -kenttää, kun asetukset, fontit ja värit eivät riitä – esimerkiksi erityiseen osoitustehosteeseen, yhden kohteen fonttikokoon tai pieneen teemakorjaukseen. CSS tallennetaan valikon mukana ja lisätään kauppaasi, kun julkaiset.

Huomio

Mukautettu CSS vaatii CSS:n perustaitoja. Jos et halua kirjoittaa koodia, ota meihin yhteyttä – autamme pienissä tyylimuutoksissa maksutta.

Lisää mukautettu CSS

1. Avaa Lisäasetukset-välilehti

   Napsauta valikkoeditorin vasemmassa sivupalkissa Lisäasetukset-kuvaketta (</>) (1).

   

   Avaa Lisäasetukset-välilehti (1) ja kirjoita CSS kenttään Tyylitaulukko / CSS (2).

2. Lisää CSS

   Kirjoita tai liitä CSS kenttään Tyylitaulukko / CSS (2) paikkamerkin //enter css custom here tilalle.

3. Tallenna ja julkaise

   Napsauta Tallenna ja sitten Julkaise. Näet tuloksen, kun päivität kauppasi sivun välimuistin ohittaen.

Kohdista oikeisiin elementteihin

CSS lisätään sivulle sellaisenaan, eikä se rajoitu tähän valikkoon, joten rajaa valitsimesi:

• Kaikki valikot – aloita valitsimella .gm-menu.
• Yksi valikko – aloita valitsimella .gm-menu-<ID>. Löydät tunnuksen napsauttamalla valikkoa kaupassasi hiiren oikealla painikkeella ja valitsemalla Tarkista (Inspect).
• Yksi kohde – anna sille Ylimääräinen luokan nimi kohteen asetusten Lisäasetukset-osiossa (katso Muokkaa valikkokohdetta) ja käytä sitä luokkaa.

Esimerkiksi näin saat kohteen, jonka ylimääräinen luokan nimi on sale-item, lihavoiduksi ja punaiseksi:

.gm-menu .sale-item > .gm-target {
  color: #d72c0d !important;
  font-weight: 700 !important;
}

Lisäasetukset-välilehdellä on myös Saatavuus markkinoittain, joka rajaa valikon valituille markkinoille – katso Näytä valikot markkinoittain.

Vianmääritys

CSS:lläni ei ole vaikutusta

• Tarkista, että napsautit tallentamisen jälkeen Julkaise.
• Sovelluksen omat tyylit käyttävät usein !important-määrettä, joten sääntösi saattaa tarvita sen myös.
• Etsi kirjoitusvirheitä, kuten puuttuva } – yksi virhe voi estää sen jälkeiset säännöt toimimasta.

Aiheeseen liittyvät sivut

• Säädä valikon värejäAseta valikkopalkin, alivalikkojen, välilehtien, tuotemerkintöjen ja Lisää ostoskoriin -painikkeen värit.
• Säädä valikon fonttejaValitse fonttiperhe, paksuus ja koko valikon kullekin osalle.
• Muokkaa valikkokohdettaMuuta kohteen otsikkoa, linkkiä, kuvaketta, värejä, merkkiä, alivalikkoa ja näkyvyyttä tai monista, siirrä ja poista se.

Oliko tästä apua?

Ilmoita ongelmasta