vmi

Provides a set of templates for content "View Modes" that are typically used (some of them) in each website.

In VMI ~3.0.0

Available View Modes and Layouts:

Impressed cards:

• Impressed card - xlarge.
• Impressed card - large.
• Impressed card - medium.
• Impressed card - small.
• Impressed card - xsmall.

Featured cards:

• Featured card - xlarge.
• Featured card - large.
• Featured card - medium.
• Featured card - small.
• Featured card - xsmall.

Text cards:

• Text card - large.
• Text card - medium.
• Text card - small.

Overlay cards:

• Overlay card - xlarge.
• Overlay card - large.
• Overlay card - medium.

Hero cards:

• Hero card.

In VMI ~2.0.0

Available View Modes and Layouts:

Vertical media

• Vertical media teaser - xlarge.
• Vertical media teaser - large.
• Vertical media teaser - medium.
• Vertical media teaser - small.
• Vertical media teaser - xsmall.

Horizontal media

• Horizontal media teaser - xlarge.
• Horizontal media teaser - large.
• Horizontal media teaser - medium.
• Horizontal media teaser - small.
• Horizontal media teaser - xsmall.

Text teaser

• Text teaser - large.
• Text teaser - medium.
• Text teaser - small.

Touts

• Tout - xlarge.
• Tout - large.
• Tout - medium.

Hero

• Hero xlarge.

Requirements

• A Bootstrap 4/5 theme or sub theme.
• Display Suite module.
• Display Suite Extras module.
• Field Group module.
• Smart Trim module.

Example Site Building steps

Making use of this module, by following the listed steps:

• Given that the "View Modes Inventory (VMI)" module was enabled
• And a "Content type" was created to utilize the view modes available from VMI
• And the "Content type" has a "Title field"
• And a "Body field"
• And an "Image field named (field_image) " or "Video field named (field_video) or "Media field named (field_media)""
• When the "Manage display" under the Default view mode been visited
  through the admin/structure/types/manage/[CONTENT_TYPE_NAME]/display link
• On the "Custom display settings" tab link
• The list of ready View Modes Inventory (VMI) will be listed
• On selecting a View Mode for a Content type then saving
• The list of enabled View Modes with auto mapped fields with their layout and settings will be ready configured out of the box.

Watch this YouTube video for a quick tips

This module is sponsored and developed by Vardot.