Appearance & Layout

Archive & Listings

Estimated reading: 1 minute 43 views

The Archive & Listings settings control how movies and TV series are displayed in grid layouts across archive pages such as Movies, Series, Categories, and Search results.

These settings help define layout structure, responsiveness, and the information shown on each content card.

🧱 Grid Layout

Columns Configuration

Control how many items appear per row on different devices:

  • 🖥 Desktop (e.g., 6 columns)
  • 💻 Laptop
  • 📱 Tablet
  • 📱 Mobile

Responsive Design

Automatically adjusts layout for different screen sizes, ensuring an optimal viewing experience across all devices.

🎴 Display Options

Show Year in Card

Displays release year on content cards.

Show Rating in Card

Displays rating (e.g., IMDb score).

Show Quality Badge (HD / 4K)

Displays video quality badge for each content item.

⚙️ How It Works

  • Archive pages display content in grid format
  • Each card shows key metadata
  • Users can browse, filter, and navigate through content

🎯 Use Cases

  • Movie archive page
  • TV series listing
  • Genre/category pages
  • Search results

💡 Best Practice

  • Use 4–6 columns on desktop for balance
  • Show rating + quality badge for better UX
  • Keep mobile layout clean (1–2 columns max)
Share this Doc

Archive & Listings

Or copy link

CONTENTS