VESPER Series modules

Editorial purpose

The VESPER series modules present a structured collection of related videos grouped as a series.

Module variants

Native Support for VESPER Geo-Blocking

These modules provide native support for VESPER geo-blocking. Any entity marked as geo-blocked is automatically excluded from the list.

• VESPER Series: Displays a VESPER Series. Use VESPER series to render the series detail page, where users can view series metadata and browse the seasons that belong to the series.

  Subscription-related module

  When a subscription or user login is needed to access the series, this module presents a stepper within a full-screen dialog, featuring the brand logo in the upper left corner.

  Either the Subscription Logo Tag parameter or, when this parameter is empty, or the Account Subscription Logo Tag metadata sets the logo.

• VESPER Series Row: Displays a VESPER Series in a row format. Use Vesper series row to promote a series within a page section, using a horizontal row of cards that helps users discover series content from landing pages or related-content areas.

Standard parameters

Common parameters

• Visual

  • Hide module: Toggle on to temporarily prevent the module from displaying in the front end.

  • Color schema: Specify whether the module appears in light or dark mode. Allowed values: Light and Dark.

  • Remove top spacing: Toggle on to remove top spacing from the module.

  • Remove bottom spacing: Toggle on to remove bottom spacing from the module.

• Animation

  • Enable animation: Toggle on to enable module animation.

• Data

  • Slug:

    • For Vesper series: Slug of the Vesper series entity that feeds the module.

    • For Vesper series row: Slug of the series that feeds the row module.

Vesper Series

Required page structure

Series detail view: ~/folder/{seriesid}/index

Series detail view with filter for a specific season: ~/folder/{seriesid}/seasons/{seasonid}

Series detail view with video player full screen for video detail: ~/folder/{seriesid}/seasons/{seasonid}/watch/{videoid}

In the structure above, you can change only the watch folder name by setting the new name in the Path Folder for Video Detail parameter.

Required navigation rules (aka link rules)

Entity → vesper-series

Attribute → fields.seriesid has a value

Page → e.g. ~/vesper/series/{seriesid}/index

• Visual

  • Hide tags: Toggle on to hide the tags.

  • Hide ShareBar: Toggle on to hide the share bar.

  • Subscription Logo Tag: Tag for the GAD asset that serves as the logo in the upper left corner of the subscription stepper.

• SEO

  • Prevent setting metadata: Toggle on to prevent overriding setting metadata.

  • Title heading level: Select the heading level used for the title in the front end. Allowed values: H1, H2, H3, H4, and H5. The default value is H2, or H1 when Prevent setting metadata is not enabled.

Vesper Series Row

• Visual

  • 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.

  • Add background image fade effect from the background color if the image not fill the area. Works only if the background image is set from the GAD: Toggle on to add a fade effect from the background color to the background image when the image does not fill the available area.

  • Remove default Forge background image. If not set, the default Forge background image will be used when no background image is set from the GAD: Toggle on to remove the default Forge background image.

  • Card size: Select the card size. Available values are Small, Medium default, and Large.

  • Card aspect ratio: Select the card aspect ratio. Available values are 1/1, 2/3 default, and 16/9.

• SEO & Accessibility

  • Header title heading level: Select the heading level used for the header title in the front end. Available values are H1, H2 (default), H3, 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”.

• Link rules (aka Navigation Rules)

  • Path Folder for Season Detail: The name (default is seasons) of the folder where the seasons related to the series are. By default, the link is https://mydomain/folder/{seriesid}/seasons/{seasonid} where:

    • {seriesid} identifies the VESPER Series.

    • {seasonid} identifies the VESPER Season within the VESPER Series.