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.

Vertical page responsive - all

(Image credit: Future)

Title / Description

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

Vertical page responsive - title

(Image credit: Future)

Carousel

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

Vertical page responsive - carousel

(Image credit: Future)

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

Vertical page responsive - content

(Image credit: Future)

More content button

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

Vertical page responsive - button

(Image credit: Future)

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

Vertical page responsive - quick search

(Image credit: Future)

Categories filter

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

Vertical page responsive - categories

(Image credit: Future)

Test Author
Senior Editor

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.