Kennisbank
Handleidingen
Academy
Instructievideo's
Probeer te zoeken naar:
Recent bekeken artikelen:

Op deze pagina

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:

Het maken van CSS-codes vereist geavanceerde kennis van CSS. Ecwid-experts kunnen u helpen met deze taak en een thema voor uw winkel ontwerpen.

Om een CSS-selector voor het etalage-element te vinden:

  1. Open de winkelpagina waar u het element ziet dat u wilt wijzigen.
  2. Rechtskik op het element dat u wilt wijzigen > Inspecteren:

Chrome_CSS_selector___3_.png

Chrome Inspector wordt geopend op de pagina. Het element dat u zoekt wordt gemarkeerd.

  1. Kopieer de selector rechts:

Chrome_CSS_selector___2_.png

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;
}
Er zijn vele online bronnen waar u kunt leren hoe u CSS-codes maakt. Bekijk bijvoorbeeld deze: https://www.w3schools.com/

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

Was dit artikel nuttig?

Fantastisch! Bedankt voor uw feedback!

Bedankt voor uw feedback!

Wat vervelend! Wat ging er mis?
Aantal gebruikers dat dit nuttig vond: 3 van 5
10
We gebruiken cookies en vergelijkbare technologieën om uw voorkeuren te onthouden, de effectiviteit van onze campagnes te meten en gedepersonaliseerde gegevens te analyseren om onze site beter te laten werken. Door «Accepteren» te kiezen, stemt u in met het gebruik van cookies.
Cookies accepteren Afwijzen