Editorial purpose
Use the Vesper featured masonry module to convey depth, variety, and editorial abundance through a visually rich, non-uniform layout that encourages exploration.
Use it to feature content in editorial selections that mix editorial entities — like stories — and OTT entities — like VESPER Seasons.
Native Support for VESPER Geo-Blocking
This module provides native support for VESPER geo-blocking. Any entity marked as geo-blocked is automatically excluded from the list.
VESPER Bucket entities excluded
Buckets are collections of items, just like editorial selections. As you cannot add Editorial Selections to an Editorial Selection, this module prevents a collection (the Bucket) from being rendered as an item within another collection (the Editorial Selection).
For that reason, the front-end skips rendering the VESPER Bucket entities in the editorial selection that feeds the module.
Module
Standard parameters
Visual
Hide module: Toggle on to temporarily prevent the module from displaying in the front end.
Full screen view: Toggle on to display the module in full-screen view.
Background image from GAD: Specify the tag of the GAD asset to use as the background image.
Background image from GAD for not desktop view: Specify the tag of the GAD asset to use as the background image for non-desktop views. This overrides Background image from GAD for those views.
Color schema: Specify whether the module appears in light or dark mode.
Remove top spacing: Toggle on to remove top spacing from the module.
Remove bottom spacing: Toggle on to remove bottom spacing from the module.
Sticky header: Toggle on to make the header sticky.
Add background image fade effect from the background color if the image not fill all the area: Toggle on to add a fade effect from the background color to the background image when the image does not fill the available area.
Animation
Enable animation: Toggle on to enable module animation.
Title & CTA
Header title: Set the header title displayed in the front end.
CTA title: Set the title used for the CTA.
CTA link: Set the link-out used for the CTA.
Show CTA arrow: Toggle on to display the arrow next to the button.
Text slug for the description: Slug of the text entity used as the module description.
SEO & Accessibility
Header title heading level: Select the heading level used for the header title in the front end. Allowed values: H1, H2 (default), H3, H4, and H5.
Hide header title in the html: Toggle on to hide the header title visually while keeping it in the HTML for SEO.
Cards title heading level: Select the heading level used for card titles in the front end. Allowed values: H1, H2, H3 (default), H4, and H5.
Remove background image opacity: Toggle on to display the background image without opacity. Use this option carefully to keep text readable against the background image.
Sponsor
Sponsor asset: Slug of the sponsor entity used to retrieve the sponsor image and URL.
Sponsor label: Label displayed for the sponsor, such as “Presented by” or “Sponsored by”.
Data
Skip: Number of items to skip before fetching editorial data.
Limit: Number of items to fetch.
Selection slug: Slug of the editorial selection that feeds the module. The editorial selection can include editorial entities (e.g., stories) and VESPER entities (e.g., VESPER Playlist, VESPER VODs, etc)