Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

De toaster is een pop-up box waarin informatie over het bekeken product uit Spotler Activate wordt getoond aan profielen. In Squeezely Spotler Activate zijn twee templates voor standaard overlays beschikbaar genaamd Venice en Sydney. In de templates kun je de volgende instellingen bepalen:

...

De content instellingen bestaan uit de variant name en inhoud :

...

Variant name

De naam van de overlayvariant. De toaster kan identiek worden toegepast als de standaard overlay, in dit artikel wordt de custom optie uitgewerkt. Voor meer informatie over de andere content opties, zie: Standaard overlay

...

Content

De content opties:

  • Custom: tekst of afbeeldingen

  • Product: een specifiek product

  • Productset: de gewenste productset

  • Product(s) from event: product id’s die als input dienen voor het samenstellen van een productset en worden doorgestuurd in een event.

Display

In de display settings kun je de styling van de personalisatie aanpassen en de informatie over het bekeken product uit Spotler Activate verwerken:

...

In de beschrijving verwerk je de gewenste productinformatieinformatie. Door op de Help knop te klikken kun je onder ‘Product extensions’ de beschikbare opties bekijken.

Info

Door op het oogje te klikken kun je bepaalde content onzichtbaar maken.

Additional options

In de additional options kun je het volgende instellen:

...

  • Overlay location: de locatie van de overlay op de pagina bepalen.

  • Timer: de tijdsduur dat de personalisatie wordt getoond instellen. Wanneer de personalisatie niet automatisch dient te verdwijnen, dient gekozen te worden voor 0.

  • After closing overlay: de (eventuele) interval dat een overlay niet wordt getoond na het wegklikken van een overlay bepalen.

  • Lazy load images: door deze optie aan te vinken worden afbeeldingen ingeladen zodra deze getoond dienen te worden, waardoor de initiële pageload verbeterd.

  • CSS: in de CSS box kun je jouw eigen CSS toevoegen.

  • JavaScript: in de JavaScript box kun je jouw eigen JavaScript toevoegen.

  • Edit template: door op deze knop te klikken, kun je het template aanpassen.

  • Reset template: door op deze knop te klikken, kun je het template resetten.

  • Export template: door op deze knop te klikken, kun je het template exporteren als XML bestand.

...