Al voor €6,95 per maand een complete webwinkel Binnen 24 uur online Best beoordeelde webwinkelaanbieder van NL
Liever eerst een maand uitproberen? Gebruik promo-code TRY-TSB en betaal de eerste maand slechts €1

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 Uw instellingen –> Lay-out opties. Je vindt op deze pagina 5 tabbladen:

 

design-lay-out-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 twee opties:

 

lay-out-opties-algemeen

 

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. 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:

 

lay-out-opties-wijzig-sidebar-positie

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 vijf menu-items:

 

lay-out-design-menu

 

Een tip: klik onderaan (onder het menu-item “Kleuren“) op de groene knop “Design Live“. Je kunt dan direct je wijzigingen bekijken.

 

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 onder het Menu-item Kleuren –> Design Live (groene 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:

 

slider-homepagina

 

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 930px (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.

 

twitter-facebook-toevoegen

 

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