Vertical Series List

This module presents Storylline packages of links in a more compact, vertical design, positioned in the article rail. At it's simplest, it merely restyles a Storyline embed added to a Presto story. It's versatility lies in asset replacement: Confgure it on an image, an embed, a list or a chapter header.

Article links will be transformed to relative links so users won't hit paywalls on news sites they don't subscribe to.

Required properties and options

Value Purpose Required
storytellingComponent Use verticalRecirc to enable this module Yes
storylineID Copy from Presto. Required for non-Storyline embeds, images, lists and chapter headers. Yes
jsonUrl Data to populate this module (required if not using storylineID or useSeries) No
useSeries Overrides storylineID and jsonUrl to use configured series data as data source. No
position Options: left or right. Defaults to right. No
verticalRecircImage URL to an image on the CDN. No
textColor Text color No
backgroundColor Background color No
boostLocal Set to true to move stories with the same domain as the current page to the top of the list. if useSeries is true, series value for boostLocal applies here. No

JSON format

If you choose to configure the component with jsonUrl, the targeted JSON file should be an array of items, following the pattern explained in the Stories/Items section of the Series Configuration page.

Example config

{asset.12345}
textColor: lightblue
backgroundColor: green
jsonUrl: https://www.gannett-cdn.com/indepth-static-assets/uploads/staging/1621098001/104f0a4a-295e-485d-87a2-4babdd7af65d-recirc.json
storytellingComponent: verticalRecirc
storylineID: 1811122001
position: left
verticalRecircImage: https://www.gannett-cdn.com/usat-storytelling/...
{}

Demo

Example

Distributed platform appearance: appears as swapped asset