Editorial carousel modules

Editorial purpose

Use editorial carousel modules to continue or expand a narrative or series by displaying curated editorial content in a horizontal carousel.

Module variants

• Editorial Carousel FullImg Landscape Cards: Displays editorial items as landscape-oriented cards where the image occupies the full card area. See an example of this module in action here: Editorial Carousel FullImg Landscape Cards.

• Editorial Carousel FullImg Portrait Cards: Displays editorial items as portrait-oriented cards with a full-image layout. See an example of this module in action here: Editorial Carousel FullImg Portrait Cards.

• Editorial Carousel FullImg Squared Cards: Displays editorial items as square cards with the image filling the entire card. See an example of this module in action here: Editorial Carousel FullImg Squared Cards.

• Editorial Carousel Regular Landscape Cards: Displays editorial items as landscape-oriented cards with a regular (non–full-image) layout. See an example of this module in action here: Editorial Carousel Regular Landscape Cards.

• Editorial Carousel Regular Portrait Cards: Displays editorial items as portrait-oriented cards using a regular layout. See an example of this module in action here: Editorial Carousel Regular Portrait Cards.

• Editorial Carousel Regular Squared Cards: Displays editorial items as square cards with a regular layout. See an example of this module in action here: Editorial Carousel Regular Squared Cards.

Standard parameters

All modules have the same parameter set — they differ only in visual presentation:

• Visual

  • Full Screen View: Toggle on to enable the full-width view.

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

  • Background Image from GAD: The tag of the GAD asset to display as the background.

  • Color Schema: Specify whether the module appears in light (default value) 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.

  • itemsPerRow: Items per row. The default value is 3.

• Animation

  • Enable Animation: Toggle on to set module animation. The front-end implementation determines what the animation looks like.

• Title and Call to Action (CTA)

  • Header Title: Set the header title.

  • CTA Title: Set the CTA title.

  • CTA Link: Set the CTA link-out.

  • Show CTA Arrow: Toggle on to display the arrow next to the CTA button.

• SEO

  • Header Title Heading Level: Heading level of the header title. The default value is h2.

  • Hide Header Title in the HTML: Toggle on to hide the header title. The HTML contains the SEO-title regardless of this property value.

  • Cards Title Heading Level: Heading level of the card titles. The default value is h3.

• Sponsor

  • Sponsor Asset: Slug of the Sponsor entity from which to get the image and URL.

  • Sponsor Label: Sponsor’s label (e.g, “presented by” or “sponsored by”).

• Data

  • Skip: Number of selected items to skip.

  • Limit: Number of selected items to fetch.

  • Selection Slug: Slug of the editorial selection that feeds the carousel.

• Alternative Filters

  • Entity Type: Type of entity that feeds the carousel. With tags as a filters, it’s an alternative to the editorial selection to feed the carousel. If selectionSlug is set, entityType and tags are ignored.

  • Tags: Tags used as filters together with Entity Type. Filtering works in AND mode (i.e., only items with all tags feed the carousel).