3.1 Lay-out opties

We kunnen nu gaan beginnen met het aanpassen van het uiterlijk van je webwinkel. Dit kunnen we voornamelijk doen bij Instellingen –> Lay-out opties. Je vindt op deze pagina 5 opties:

Onder deze tabbladen vind je verschillende opties voor het wijzigen van het uiterlijk van je webwinkel. We bespreken ze één voor één:

Algemeen

Onder het tabblad “Algemeen” vind je vier opties:

1. Lay-out type: Wil je een achtergrond tonen in je webwinkel? Kies dan voor een vaste breedte in plaats van een volledige breedte van je webwinkel. Deze rand is vooral zichtbaar op grotere schermen.

2. Breedte van de Slider: Hier heb je de keuze voor 1400 pixels breed of volledige breedte. Volledige breedte is de meest gekozen keuze, omdat hij mee schaalt met de keuze van de lay-out type.

4. Sidebar positie: Aan welke kant in je webwinkel wilt je de categorieën en een eventuele filter tonen? De sidebar wordt alleen getoond op de productoverzicht pagina’s (categorieën). De sidebar ziet er als volgt uit:

Winkel

Onder het tabblad “Winkel” zie je aantal opties die je aan of uit kunt zetten. Wil je geen gebruik maken van bijvoorbeeld de Merken of de Vergelijk-optie, dan kun je deze hier uitschakelen.

Design

Je kunt hier eenvoudig de kleuren en lettertypen van je webwinkel wijzigen. Je vindt onder dit tabblad zes menu-items:

Een tip: klik rechtsboven in de hoek op de rode knop “Design Live“. Je kunt dan direct je wijzigingen bekijken en toepassen.

Algemeen: Hier kun je de positie van het winkelmandje bepalen / veranderen. Ook of het zoekvenster meteen zichtbaar is of pas nadat je erop geklikt hebt.

Kleuren: Hier kun je de kleuren van bepaalde onderdelen wijzigen.
TIP: Dit zou je ook kunnen doen met de Design Live knop, want dan zie je meteen welk onderdeel er veranderd.

Lettertypes: Hier kun je de lettertypes van bepaalde onderdelen aanpassen.

Achtergrond: je kunt onder het menu-item “Achtergrond” een achtergrond toevoegen aan je webwinkel. Let op: nadat je je afbeelding hieronder hebt toegevoegd zul je deze ook nog moeten toevoegen bij Design Live (rode button) –> Achtergrond. Klik daarna op “Opslaan“. Je afbeelding is nu toegevoegd aan de achtergrond van je webwinkel.

LET OP: je kunt alleen een achtergrond aan je webwinkel toevoegen wanneer je onder het tabblad “Algemeen” het lay-out type op “Vaste breedte” hebt staan.

CSS: We bieden in ons systeem (onder het menu-item “CSS“) de mogelijkheid om je eigen CSS toe te voegen. Daarmee zijn de mogelijkheden met betrekking tot het wijzigen van het uiterlijk van je webwinkel zeer groot. Let wel: voor het wijzigen van de CSS is de nodige kennis vereist.

Intro

De intro is de bewegende slider bovenaan de homepagina van je webwinkel:

Je kunt de afbeeldingen van de slider hier wijzigen. Je kunt zelfs per categorie een andere slider tonen door de categorie bovenaan te selecteren. Je kunt voor de slider het best gebruik maken van afbeeldingen met een breedte van 1400px (of wanneer je gebruik maakt van de smallere lay-out: 940px). De hoogte is afhankelijk van je eigen persoonlijke voorkeur.

Footer

De footer houdt in: alles wat zich onderaan je webwinkel in het grijze vak bevindt of kan bevinden. Je kunt via dit tabblad extra opties toevoegen aan de onderkant van je webwinkel. Bijvoorbeeld een Twitter- of Facebook feed, je contactgegevens of gewoon meer informatie over je webwinkel.

Eigen footer widgets

Het is ook mogelijk om widgets van andere partijen toe te voegen aan je shop. Denk hierbij aan een Instagram feed, Trustpilot reviews en andere widgets. Om een widget toe te voegen, heb je als eerste een widget code nodig. Deze widget code kun je bemachtigen van de website van de desbetreffende widget.

Als je de code hebt bemachtigd, kun je onder het tabje ‘Eigen widget code’, de code plakken. Vervolgens geef je de widget een titel en sla je de wijzigingen op door op bewaren te klikken.

Let wel op: Je dient bij alle beschikbare talen de code en de titel in te vullen. Als je bijvoorbeeld naast Nederlands ook Engels als taal aan hebt staan, dien je ook hier de widget code toe te voegen.

Je hebt nu het uiterlijk van je webwinkel aangepast. We gaan je webwinkel nu – waar gewenst – nog inrichten met widgets.