CSS-codes toevoegen aan uw winkel

U kunt het ontwerp en de lay-out van uw etalage wijzigen met behulp van CSS-codes. CSS-codes worden gebruikt om te bepalen hoe HTML-elementen op een pagina moeten worden weergegeven. Als u CSS-codes wilt gebruiken in uw etalage, moet u ze in de Ecwid-beheerder toevoegen aan een CSS-thema.

Zie onderstaande video voor meer algemene informatie over hoe CSS werkt:

Bekijk onze verzameling meest gebruikte CSS-codes. U kunt ze gebruiken zoals ze zijn of wijzigen voor uw winkel. Houd er rekening mee dat het bewerken van CSS-codes een goede kennis van CSS vereist. Als u niet veel ervaring hebt in het bewerken van codes, overweeg dan het Ecwid Custom Development team in te huren.

Een CSS-code toevoegen aan uw Ecwid-winkel:

Als u nog geen CSS-codes aan uw Ecwid-winkel heeft toegevoegd, ga dan naar de pagina Ontwerpen in de Ecwid-beheerder.
Scrol naar beneden naar de sectie Thema's en diepgaande aanpassingen.
Klik op Thema maken:

Thema aanmaken in Ecwid-winkel

Deze stap varieert afhankelijk van waar u verkoopt.
- Als u verkoopt op de Nieuwe generatie Instant Site, wordt u doorgeleid naar de Instant Site-editor. Plak uw code in het veld Aangepaste CSS-code.
- Als u verkoopt via de originele versie van de Ecwid Instant Site, WordPress, Wix of een andere aangepaste website, klik dan op de geopende pagina op Nieuw CSS thema toevoegen en plak uw CSS code in het veld. Klik aan de rechterkant op de link Activeren om dit thema te gebruiken voor uw winkeletalage.

Klik op Opslaan.

Als u al een bestaand thema met CSS-codes heeft en meer codes wilt toevoegen, ga dan naar de pagina Ontwerpen in de Ecwid-beheerder.
Deze stap varieert afhankelijk van waar u verkoopt.
- Als u verkoopt op de Nieuwe generatie Instant Site, scrolt u naar beneden en klikt u op Thema maken. U wordt doorgestuurd naar de Instant Site Editor waar u het huidige thema kunt bewerken of een nieuw thema kunt toevoegen.
- Als u verkoopt op de reguliere versie van de Ecwid Instant Site, WordPress, Wix of een andere aangepaste site, klikt u op Thema bewerken naast uw huidige thema:
  
  Voeg nieuwe CSS-codes toe aan uw bestaande thema. Zet de nieuwe codes onder de bestaande codes:

Sla de wijzigingen op.

De codes die zijn toegevoegd aan uw actieve CSS thema worden gebruikt voor uw Ecwid-etalage. Vernieuw de etalagepagina om de wijzigingen te zien. Er kan maar één CSS-thema actief zijn. Voeg alle codes die u op uw etalage wilt toepassen toe aan het thema dat momenteel actief is.

Als u de nieuwe generatie Instant Site gebruikt, zijn de codes voor uw etalage (de werkelijke winkel waar klanten door producten bladeren) niet van invloed op de winkelblokken op de voorpagina van uw website. Indien gewenst kunt u per blok instellen hoe de winkelblokken eruitzien, bijvoorbeeld in de ontwerpinstellingen in de Site-editor.