De The Variant Designer bestaat uit drie delenconsists of three parts:
Content
Variant name: geef de variant een naamgive the variant a name
Content:
Product set: laat een productset terugkomen in de allow a product set to appear in the content
Product(s) from event: laat het product uit het event terugkomen in de let the product from the event appear in the content
Product amount : het aantal productenthe number of products
Insert method: vervang of geef de positie aan van de nieuwe content ten opzichte van het geselecteerde element met de replace or indicate the position of the new content with respect to the selected element with the query selector
URL to personlize: de url die gepersonaliseerd wordtthe url which will be personalized
Query selector:het geselecteerde element dat vervang wordt of als baken dient voor de nieuwe the selected element which will be replaced or will serve as a beacon for the new content
Display
...
In de the display settings kun je je eigen ontwerp samenstellen. Belangrijk om te weten:
...
Met de bolletjes kun je de volgorde wijzigen
...
Met het oogje kun je een onderdeel verbergen
...
Met het vierkant kun je de spacing wijzigen
...
Door op Add header te klikken, voeg je een extra HTML blok toe
...
you can compose your own design. Important to know:
The dots can be used to change the order of the elements
The eye can be used to hide an item
With the square you can change the spacing
By clicking on Add header, you can add an extra HTML block
With Preview url you can enter a preview url on which you can view the overlay
Additional options
Layout: de weergave van de the display of the content
Frequency cap:de interval waarmee de content getoond wordtthe interval at which the content is displayed
CSS: box voor het toevoegen van for adding CSS
JavaScript: box voor het toevoegen van JavaScript
...
for adding JavaScript
After saving a variant, you get to Personalization Settings