Wat zijn de Designopties?
Met de Designopties pas je het uiterlijk van je webshop aan via een visuele customizer. Je vindt deze functie via Instellingen → Designopties in het admin-menu. De customizer opent een apart scherm met aan de linkerzijde alle instellingen en aan de rechterzijde een live preview van je webshop. Wijzigingen die je maakt zijn direct zichtbaar in de preview, zodat je precies kunt zien hoe je webshop eruit komt te zien voordat je de aanpassingen publiceert.
Bovenaan het scherm vind je de knoppen Dashboard (om terug te keren naar het admin-paneel) en Publiceer (om je wijzigingen live te zetten). De customizer heeft negen secties die hieronder worden toegelicht.
Algemeen
In de sectie Algemeen stel je de basiseigenschappen van je webshop in. Je kunt hier je logo uploaden en de breedte ervan instellen voor desktop, tablet, mobiel en de sticky header. Daarnaast upload je hier je favicon (het kleine icoontje dat in het browsertabblad verschijnt). Verder kies je of de zoekbalk zichtbaar is, en bepaal je het layout type: vaste breedte (maximaal 1400px) of volledige breedte. Tot slot kun je de weergave op grote schermen aanpassen.
Winkel
Onder Winkel bepaal je welke functies actief zijn in je webshop. Je kunt hier de volgende onderdelen in- of uitschakelen: checkout, verlanglijst, cadeaubonnen, retouren, nieuwsbrief, FAQ en merken. Daarnaast stel je de weergave van producttegels in (de productkaartjes in categorie- en zoekresultaten) met drie opties: Standaard (verhouding behouden), Cover (bijsnijden om tegel te vullen) of Fit (volledige afbeelding zonder bijsnijden). Je bepaalt ook de positie van de productomschrijving (in een tab of naast de afbeelding) en de gallerijpositie (in een tab of onder de preview).
Header
In de sectie Header pas je het bovenste gedeelte van je webshop aan. Je kunt een sticky header activeren voor desktop, zodat de navigatiebalk zichtbaar blijft tijdens het scrollen. Daarnaast stel je de achtergrondkleur van de header in.
Achtergrond
Met de sectie Achtergrond bepaal je de achtergrond van je webshop. Je kunt een achtergrondkleur en een aparte pagina-achtergrondkleur instellen. Daarnaast kun je een achtergrondafbeelding uploaden en de positie en herhaling ervan aanpassen.
Kleuren
In de sectie Kleuren stel je het kleurenschema van je webshop in. Je past hier de hoofdkleur en tweede kleur aan, evenals de kleuren voor teksten, titels, randen/belijning en productprijzen. Je kunt ook schaduwranden in- of uitschakelen. Tot slot pas je de achtergrondkleur, breadcrumb-kleur en titelkleur van de paginatitel aan.
Lettertypes
Onder Lettertypes kies je de typografie voor verschillende onderdelen van je webshop. Je kunt aparte lettertypes en groottes instellen voor: het standaard lettertype (broodtekst), menu, paginatitels, producttitels, prijzen en buttons.
Modules
De sectie Modules bevat lay-out modules die je naar de live preview kunt slepen om de indeling van je pagina te bepalen. De beschikbare modules zijn: Carousel, Slideshow, Afbeelding, Tekst, Rij met kolommen, Nieuwste producten, Afgeprijsde producten, Meest gekochte producten, Aanbevolen producten, Knop, Nieuwsbrief, Productfilter, Product categorieën, Informatie menu, Klantenaccount menu en Intro slider. Elke module heeft eigen instellingen die je kunt aanpassen nadat je deze hebt geplaatst.
Footer
In de sectie Footer beheer je de onderkant van je webshop. De footer is verdeeld in een bovengedeelte en een ondergedeelte. In het bovengedeelte kun je verschillende blokken activeren en configureren: een informatieblok met aangepaste titel en tekst, een contactblok met velden voor WhatsApp, Skype, e-mail, mobiel, telefoon en fax, en blokken voor social media (Twitter, Facebook, Instagram, Pinterest). Je kunt ook een custom widget toevoegen. In het ondergedeelte beheer je de betaallogo’s.
CSS
De sectie CSS is bedoeld voor gevorderde gebruikers. Hier kun je aangepaste CSS-code toevoegen om het uiterlijk van je webshop verder te verfijnen. Deze CSS wordt toegepast bovenop de standaard styling van je webshop.
Wijzigingen publiceren
Wanneer je tevreden bent met je aanpassingen, klik je op de knop Publiceer bovenaan het scherm om de wijzigingen live te zetten. Je kunt ook op Bekijk live klikken om je webshop in een nieuw tabblad te bekijken. Met de knoppen rechtsboven in de live preview kun je schakelen tussen de weergave voor desktop, tablet en mobiel.
Navigatie: Instellingen → Designopties
