This page covers the appearance, elements & functionality of the Vertical page for the Responsive Theme
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
Newsletter
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.