Banner/slider op de homepagina aanpassen

Steven van der Wijk
Geschreven door Steven van der Wijk
Gewijzigd op: Ma, 2 Nov, 2020 om 10:11 AM
Druk af

Stap 1 - Formaat van de banner/slider bepalen

Om de banner/slider op een juiste manier aan te kunnen passen, moet je eerst weten wat de juiste afmetingen van jouw banner/slider zijn. 


Om hier achter te komen ga je als volgt te werk:

- Ga eerst met je muis op de banner/slider staan

- Klik vervolgens met de rechtermuisknop op de banner/slider en selecteer de optie "Inspecteren"


Er opent nu een balk met code:

- Zoek nu naar "bx-viewport". Deze zie je als je iets verder naar boven scrolt.

- Klik deze dan aan

- Je ziet de banner nu blauw worden, hierboven komt dan het formaat van de banner te staan.


Je ziet nu dat de banner die wij hebben 940 x 550 pixels is. Dit is dan ook het formaat waar wij mee gaan werken.


Stap 2 - Nieuwe banner uploaden

Nu je de afmeting van de banner weet, kun je de nieuwe banner gaan uploaden. Dit doe je als volgt:

- Als je bent ingelogd in het CMS, ga je naar "Paginabeheer" en vervolgens klik je links op "Uitgelicht"

 


Bij de oplevering van de webshop wordt er altijd een standaard banner geplaatst op de homepagina, deze heet altijd "Home". Je kunt deze wijzigen of een nieuwe aanmaken (Deze kun je later koppelen).


Hier staat vervolgens een slide/banner in die je kunt wijzigen door op “Wijzigen” achter de slide te klikken.

- Hier kun je vervolgens de slider afbeelding uitwisselen voor een ander door eerst de huidige afbeelding te verwijderen (klikken op “Verwijder afbeelding”.)

- Nu kun je via de knop “Bestanden kiezen” de nieuwe afbeelding toevoegen. 

Let op! De afbeelding moet een .jpg een .png of .gif bestand zijn en er mogen ook geen spaties in de afbeelding naam zitten, anders kan de afbeelding niet ge-upload worden.

- Je kunt de banner/slider vervolgens ook laten doorverwijzen naar een productcategorie of een externe link. Dit kun je instellen bij de dropdown “Verwijst naar”. 

- Indien je hebt gekozen voor “Externe link” dan zal er een nieuw invulveld met “Url” komen waarin je de url kunt plakken waar de banner/slider naar moet verwijzen.

- Tenslotte klik je op “Opslaan en terug” en dan is de nieuwe banner/slider zichtbaar aan de voorkant.


Stap 4 - Ik heb een nieuwe banner aangemaakt en wil deze koppelen.

Als jij hebt gekozen voor het aanmaken van een nieuwe slideshow, kun je deze als volgt koppelen:

- Ga naar "Paginabeheer", "Layout bewerken" en dan "Direct naar layoutbewerking".


Je komt vervolgens in de layout bewerking van de website, hier passen we alleen de gekoppelde banner aan. Dit doe je door het volgende:

- Ga met je muis op de banner staan

- Klik in de pop-up die verschijnt op het pootloodje.


Er verschijnt nu een pop-up.

- Ga naar de tab "Standaard"


- Pas hier "Slider om weer te geven" aan naar de slider die jij hebt aangemaakt.


- Na het maken van een keuze, klik je op "Opslaan"


- Vervolgens publiceer je de aangepaste layout, op deze manier wordt de nieuwe slider zichtbaar voor klanten.