CCS-selectors voor Ecwid-etalage zoeken
Wanneer u wijzigingen wilt aanbrengen in uw etalage die niet kunnen worden bereikt met de ingebouwde ontwerpinstellingen van Ecwid, kunt u CSS-codes gebruiken. U kunt kiezen uit de kant-en-kkare CSS-codes van Ecwid of uw eigen codes maken.
Om een code te maken, moet u de juiste selector vinden voor het element (tekst, knop, afbeelding, enz.) dat u wilt wijzigen. U kunt dat doen met de ingebouwde browsertools voor ontwikkelaars. Zodra u de selector te pakken heeft, maakt u een code en plakt u deze in het ontwerpthema van uw winkel. Nadat u de etalagepagina hebt vernieuwd, ziet u de wijzigingen.
Zie onderstaande video voor meer algemene informatie over hoe CSS werkt:
Om een CSS-selector voor het etalage-element te vinden:
- Open de winkelpagina waar u het element ziet dat u wilt wijzigen.
- Rechtskik op het element dat u wilt wijzigen > Inspecteren:
Chrome Inspector wordt geopend op de pagina. Het element dat u zoekt wordt gemarkeerd.
- Kopieer de selector rechts:
- Open de winkelpagina waar u het element ziet dat u wilt wijzigen.
- Rechtskik op het element dat u wilt wijzigen > Inspecteren:
Firefox Inspector wordt geopend op de pagina. Het element dat u zoekt wordt gemarkeerd.
- Kopieer de selector rechts:
- Open de winkelpagina waar u het element ziet dat u wilt wijzigen.
- Rechtskik op het element dat u wilt wijzigen > Element inspecteren:
Safari Web Inspector wordt geopend op de pagina. Het element dat u zoekt wordt gemarkeerd.
- Kopieer de selector rechts:
Gebruik de gevonden selector om CSS-codes te maken. Plak vervolgens de aangepaste codes in het actieve CSS-thema.
Voorbeeld
De prijs op de productpagina heeft deze CSS-selector:
.ec-size .ec-store .details-product-price__value
Een CSS-code om de prijskleur rood te maken, is als volgt:
.ec-size .ec-store .details-product-price__value {
color: red;
}
Gerelateerde artikelen:
Een uitgebreide handleiding voor het aanpassen van uw Ecwid-winkelontwerp
CSS-codes voor uw Ecwid-winkel (in het Engels)
Specifieke pagina's aanpassen