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 winkelbeheerder toevoegen aan een CSS-thema.
Een CSS-code toevoegen aan uw winkel:
- Als u nog geen CSS-codes aan uw winkel heeft toegevoegd, ga dan naar de pagina Ontwerpen in de winkelbeheerder.
- Scrol naar beneden naar de sectie Thema's en diepgaande aanpassingen.
- Klik op Thema maken:
- 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 Instant Site, WordPress 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 paginaOntwerpen in de winkelbeheerder.
- 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 Instant Site, WordPress 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 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.