Set List Block

Article Topics: Blocks, Design

Overview

The Set List Block is used for displaying lists of content sets in a structured and customizable layout. It showcases a series of content sets in a visually organized way, with options for filtering, sorting, and pagination.

This block is ideal for displaying your Sets in any order you like, and a Set can contain photos, videos, or both. This helps visitors easily browse and find the content they’re looking for. It is also used together with a Set View Block.

Set List Settings

List Settings

In the list settings tab, you'll find settings for configuring the type of content to be displayed in the list.

Under the Data Source section you can set where content is coming from.

• Data Source determines where to get data from.

• Channels define which channels to pull content from.

• Filter - Filtering by specific ID(s) will filter the block to the ids specified

You also have options for modifying the display order of the content, as well as determining whether you want sets with videos, photos, or a combination of both in the Content section.

Lastly, you can filter the list by the Metadata attached to the set to display content only relevant to that metadata, such as a category, a specific model, or more.

Design

The Design Tab allows you to customize the block's appearance, including the alignment of a header text, user interaction options like setting the click target and customizing the thumbnail settings.

Use the Header Text section to change the location and text of the header.

• Display/Alignment determines the location of the Header text that appears above the list. Selecting anything other than "Do Not Show Header" enables the Text field.

• Text lets you set the text that appears above the List.

The Result List and Thumbnails section contains settings for modifying the list of thumbnails that appears in the Set List Block.

• Thumbnail Count lets you determine the maximum number of thumbnails to display on the page.

• Thumbnail Size lets you determine the size of thumbnails in the list, whether that be by ratio or a fixed height.

• Thumbnail Class allows you to insert a CSS class to modify the thumbnails. This class can be configured in the Custom CSS section of a theme.

• Start list at will only start displaying content after the number inserted into the field, skipping the first x number of results.

• Use SFW Preview Content can be used to determine whether the block uses the NSFW or SFW versions of a Set's Preview Content.

An important setting to highlight on the Design tab, is the Set Details to Display section which lets you determine details that are displayed on the individual sets. You can add the video format, video length, video count, photo count and more to each card of the content in the list.

Block Design and Block Content

All blocks contain Block Design and Block Content settings. These control where the block fits into the page itself. This may include:

• Adding background colors, padding, classes, or IDs to the block

• Changing the width of the block, and how it fits into your page

More information about Block Design and Block Content settings can be found here.

Metadata

The metadata tab of the block lets you display additional information about each content set, which helps give visitors more context about the content they are viewing. Adding new metadata to the cards in the list is done by searching for the metadata in the "Metadata to display on Set Card" field. Once a metadata type has been added, it will display the metadata associated with the content set.

The metadata to add as a data attribute allows you to add the metadata to the card element.

Interactive Sorting

The interactive sorting lets you enable sorting option for visitors.

More information about Interactive Sorting can be found here.

Related Articles

Block Types