Naar de hoofdinhoud
Sale Banner
Nick Paul avatar
Geschreven door Nick Paul
Meer dan een maand geleden bijgewerkt

Sale Banner

Met de Sale Banner add-on kun je eenvoudig een promotiebanner plaatsen op een gewenste plek. Deze instellingen helpen je om de banner optimaal weer te geven op zowel desktop als mobiele apparaten.


πŸ› οΈInstallatie

Deze functionaliteit is standaard beschikbaar en vereist geen aparte installatie. Je kunt de instellingen direct aanpassen binnen het beheerderspaneel van je webshop.


βš™οΈ Instellingen

🎨 Designinstellingen

Je kunt de vormgeving van de banner aanpassen met de volgende instellingen:

βœ… Automatische implementatie

  • Wat doet het?
    Als deze optie is ingeschakeld, wordt de banner automatisch op de juiste plaats op je shop weergegeven.

  • Handmatige plaatsing?
    Werkt de automatische implementatie niet correct? Of wil je hem op een andere plek weergeven? Dan kun je deze handmatig instellen.


🎨 Achtergrondkleur banner

  • Instelling: Kies een kleur via een hex-code of kleurkiezer.

  • Effect: Dit bepaalt de achtergrondkleur van de banner als er geen afbeelding is ingesteld.


πŸŒ… Achtergrondafbeelding banner

  • Wat doet het?
    Je kunt een achtergrondafbeelding toevoegen om de banner visueel aantrekkelijker te maken.

  • πŸ“ Aanbevolen afmetingen:

    • Desktop: 1248px x 250px

    • Mobiel: 640px x 100px

🎭 Overlay banner kleur

  • Instelling: Hex-code invoerveld

  • Effect: Een semi-transparante laag over de achtergrond om de tekst beter leesbaar te maken.

πŸ“ Transparantie van de overlay

  • Instelling: Slider (0% - 100%)

  • Effect: Bepaalt de dekking van de overlay. Bij 0% is de overlay onzichtbaar, bij 100% volledig zichtbaar.


πŸ“„ Afbeelding en Tekstinstellingen

πŸŒ… Afbeelding naast tekst

  • Wat doet het?
    Je kunt een afbeelding uploaden die naast de tekst in de banner wordt weergegeven.

  • πŸ“ Breedte afbeelding:
    Instelbaar via een slider (bijv. 60px)

  • πŸ“Œ Uitlijning afbeelding:

    • Links naast tekst

    • Rechts naast tekst


πŸ”  Tekstinstellingen

  • Wat doet het?
    Je kunt de tekststijl en kleur van de banner aanpassen.

  • ⚑ Opties:

    • Tekstgrootte: (bijv. Body)

    • Tekstkleur: Hex-code invoerveld

πŸ“ Uitlijning inhoud

  • Opties:

    • Links

    • Midden

    • Rechts


πŸ“ Witruimte rond de banner

  • Wat doet het?
    Hiermee bepaal je de ruimte tussen de banner en andere elementen op de pagina.

  • ⚑ Instellingen:

    • Boven de banner: Instelbaar via een slider (bijv. 30px)

    • Onder de banner: Instelbaar via een slider (bijv. 30px)


πŸ“’ Algemene Instellingen

πŸ“ Banner Tekst

  • Wat doet het?
    Voer de tekst in die op de banner wordt weergegeven. HTML-opmaak is mogelijk.

  • ⚑ Extra:

    • Meertaligheid: De tekst kan per taal worden ingesteld.

πŸ“… Start- en Einddatum

  • Wat doet het?
    Hiermee bepaal je wanneer de banner zichtbaar is.

  • ⚑ Instellingen:

    • Startdatum opgeven: (Aan/Uit) – De banner wordt pas na deze datum getoond.

    • Einddatum opgeven: (Aan/Uit) – De banner verdwijnt na deze datum.

    • Datumvelden met kalenderselectie.


πŸ”§ Veelgestelde vragen

❓ De Sale Banner wordt niet weergegeven, wat kan ik doen?

πŸ” Controleer het volgende:

  • Staat "Automatische implementatie" ingeschakeld?

  • Is er een achtergrondafbeelding of achtergrondkleur ingesteld?

  • Heeft de banner een geldige start- en einddatum?

πŸ’‘ Tip: Probeer de cache van je webshop te legen!

Was dit een antwoord op uw vraag?