Types of Modules (Mastheads, Carousels, Trays, etc.)
  • 16 Jan 2024
  • 1 Minute to read
  • Contributors
  • Dark
    Light
  • PDF

Types of Modules (Mastheads, Carousels, Trays, etc.)

  • Dark
    Light
  • PDF

Article summary

Components on a page are block types or modules. When editing pages, you can add and drop different types of modules that serve different display functionalities. Following are some of the most common modules that you will add to a page:

  1. Mastheads
    The masthead is the title section of your web page. This area includes your app logo and directional links (menu navigation) to different pages/sections of your web application. Using the homepage masthead tool, you can brand your website and build out your top navigation.

  1. Carousels
    The carousel is a large viewport, usually in the hero image position, that allows multiple pieces of content to appear as an automated slideshow. Some content types that can rotate in this carousel include photo galleries, articles, blogs, and videos. Carousels can surface content either by generated or curated protocols. In the curation use case, you have 100% editorial control over the contents of the carousel. In the generated use case, data pivot points include recency and tags or categories. Carousels usually display either new or popular content accessible on the website. Users can also physically navigate through a carousel by either clicking arrows or dots provided.

  1. Trays
    The tray builder allows you the same functionality as the carousel; to input areas of content that your users can navigate and engage with. Multiple pieces of content can be organized by category and present a customizable amount of content in one tray. Trays can display different kinds of images according to the content. For example, in a movie tray you would normally see portrait-oriented posters, whereas, in a series or episodic instances, the tray would display a horizontal image thumbnail. A tray can be set to either portrait or landscape image orientation, but those logics cannot be mixed.


A Portrait-oriented tray

 



A Landscape-oriented tray

 


  1. Footers
    The footer section contains information listed at the bottom of the page. This information can include About Us, FAQs, Privacy Policy documentation, and links to your social media pages.



Was this article helpful?