In het tabblad Achtergrond bepaal je het uiterlijk van de pagina-achtergrond van je webshop. Je kunt een achtergrondkleur, een afbeelding of een textuur instellen om je webshop net dat extra beetje eigen uitstraling te geven.
Belangrijk: alleen zichtbaar bij vaste breedte
De pagina-achtergrondkleur, afbeelding en textuur zijn alleen zichtbaar bij een lay-out met vaste breedte. Werkt je webshop op een volledige breedte lay-out, dan wordt de achtergrond niet getoond omdat de content over de hele breedte van het scherm loopt.
Wil je deze opties gebruiken? Ga dan naar het tabblad Algemeen en zet Layout type op Vaste breedte (max. 1400px).
Pagina achtergrondkleur
Kies een effen achtergrondkleur voor de ruimte rondom je vaste breedte content. Een lichte grijstint werkt vaak rustig en professioneel, maar je kunt ook een kleur kiezen die aansluit bij je huisstijl.
Achtergrondafbeelding
In plaats van (of bovenop) een kleur kun je ook een achtergrondafbeelding uploaden. Klik op Kies afbeelding.. om een afbeelding te selecteren uit de mediabibliotheek of een nieuwe te uploaden. Gebruik afbeeldingen die niet te druk zijn zodat je content goed leesbaar blijft.
Positie afbeelding
Bepaal waar de achtergrondafbeelding op de pagina wordt geplaatst. Je kunt kiezen uit negen posities:
- Boven links
- Boven midden
- Boven rechts
- Midden links
- Midden
- Midden rechts
- Onder links
- Onder midden
- Onder rechts
Herhaal afbeelding
Geef aan of en hoe de afbeelding herhaald wordt om het scherm te vullen:
- Niet herhalen — de afbeelding wordt één keer getoond op de gekozen positie.
- Herhalen — de afbeelding wordt zowel horizontaal als verticaal herhaald (ideaal voor een textuur/patroon).
- Herhaal horizontaal — de afbeelding wordt alleen zijwaarts herhaald.
- Herhaal verticaal — de afbeelding wordt alleen naar boven en beneden herhaald.
Achtergrond scroll-gedrag
Bepaal of de achtergrond meescrolt met de content of op z’n plek blijft staan:
- Scrollen — de achtergrondafbeelding scrolt mee met de pagina.
- Vast — de achtergrondafbeelding blijft op dezelfde positie terwijl de bezoeker scrolt (parallax-effect).
Tip
Gebruik een eenvoudige, subtiele achtergrond. Te drukke afbeeldingen leiden de aandacht af van je producten. Voor een textuurpatroon (bijvoorbeeld een licht linnen-effect) werkt “Herhalen” met “Scrollen” het beste. Voor een grote fotoafbeelding kun je “Niet herhalen” combineren met “Vast” voor een mooi parallax-effect.