Vertical page - Responsive theme

This page covers the appearance, elements & functionality of the Vertical page for the Responsive Theme

Return to main Themes article

Vertical page elements

The consept of a ‘vertical’ page is a bit nebulous but for the most part can be described as a collection of articles (of any type) grouped by theme. The page is layed out with

This arrangment then repeats down the page, for example on the musicradar /guitars vertical page, you have, news, reviews and tuition sections, which in turn link to ‘/news/guitars’, ‘/reviews/guitars’ and ‘/tuition/guitars’ list pages.

Title / Description

• Defines what the page is for
• Visible on desktop layout
• Visible on mobile layout

Carousel

• Pulls in most recent content relevant for this page
• Visible on desktop layout
• Visible on mobile layout

Content

• Will pull in the most recent content relevant for this page based on article type, 
  • the below example will be only pulling in content from the News article type (set in the cms)
• Visible on desktop layout
• Visible on mobile layout
  • Similar to the list page when in mobile layout only the first article image is displayed per section

More content button

• Will take you to a listpage of content filtered by article type
• Visible on desktop layout
• Visible on mobile layout

Quick search

• works the same as on the reviews listpage, in that it lets the use quickly search for reviews of a specific thing
• Visible on desktop layout
• Visible on mobile layout

Categories filter

• Will link to a list page additionally filtered by the sub-category
• Visible on desktop layout
• Visible on mobile layout