Directory pages

List and grid layouts

Choose list or grid, let visitors switch, and set grid columns and sidebars.

2 min readUpdated TuneSera

On this page
  1. Choose the default layout
  2. Let visitors switch
  3. Grid columns
  4. Sidebars
  5. Related articles

Show your stations as a clean list or a grid of cards, decide whether visitors can switch, and set how many columns appear on each screen size.

A TuneSera radio directory on the front end with search, country and genre filters, a station list and the sticky player
List view: a clean list of stations with details.
The TuneSera directory in grid view with station cards showing logo, name, country, city, genre tags and a play button
Grid view: station cards side by side.

Choose the default layout#

  1. Go to TuneSera → Settings → Layout → Directory.
  2. Under Default view, choose List or Grid.
  3. Click Save changes.

Let visitors switch#

Turn on Allow visitors to switch views to show List and Grid buttons above the stations. Their choice is remembered for their next visit.

Grid columns#

Set how many cards appear side by side with Desktop grid columns, Tablet grid columns and Mobile grid columns. Use the Desktop, Tablet and Mobile buttons in the Live preview to check each size.

Add a list of countries, divisions, cities or genres beside the stations:

  • Show country sidebar, Show division sidebar, Show city sidebar, Show genre sidebar.
  • Country sidebar position: left or right.

Sidebars are off by default. Visitors can still open these lists from the browse button (for example Browse Countries), which opens them in an overlay.

Grid works well with logos. If many of your stations have no logo, the list view usually looks tidier.

Still stuck?Our team usually replies the same day. Open a private ticket and we'll help you sort it out. Open a ticket