TFL Partners TFL Partners Developers
Widget demo

Category Performers

Top performers for a category (popularity-ranked, no location), rendered in the same views as the trending widget. Each block below drops one data-widget="category-performers" element with a different data-item-display / data-group-display.

6
layout variants
6
categories shown
<script src="https://w.tixcdn.io/loader.js"></script>
01

Slider

A horizontal, swipeable carousel of top performers. Category: concerts.

data-item-display="slider"data-category="concerts"
embed
<div data-widget="category-performers" data-category="concerts"
     data-item-display="slider" data-slides-per-view="4" data-max="12"></div>
02

Separated rows — 3 columns

Cards with the image on top, name and a "View" button below. Category: theatre.

data-item-display="separated"data-columns="3"
embed
<div data-widget="category-performers" data-category="theatre"
     data-item-display="separated" data-group-display="row"
     data-columns="3" data-max="6"></div>
04

Stacked rows — 4 columns

The performer name overlaid on the image. Category: pop / rock.

data-item-display="stacked"data-columns="4"
embed
<div data-widget="category-performers" data-category="pop-rock"
     data-item-display="stacked" data-group-display="row"
     data-columns="4" data-max="8"></div>
05

Separated column — compact list

A vertical list with a small thumbnail, good for a sidebar. Category: rap / hip hop.

data-group-display="column"data-item-display="separated"
embed
<div data-widget="category-performers" data-category="rap-hip-hop"
     data-item-display="separated" data-group-display="column" data-max="6"></div>
06

Stacked column — full-width rows

Full-width rows with the name over the image. Category: broadway.

data-group-display="column"data-item-display="stacked"
embed
<div data-widget="category-performers" data-category="broadway"
     data-item-display="stacked" data-group-display="column" data-max="4"></div>