README

Have a demo work for how to use View Modes Inventory (VMI) module in Varbase.

Install Varbasee VMI Demo the progress Development.

composer require vardot/varbase_vmi_demo:~10.0

Install Varbasee VMI Demo the progress Development.

composer require vardot/varbase_vmi_demo:10.0.x-dev

Requirements

• Varbase profile.

composer create-project vardot/varbase-project:10.0.x-dev PROJECT_DIR_NAME --no-interaction

• Bootstrap Barrio theme ( 5.5.x Bootstrap 5)
• Vartheme BS5 theme.
• The View Modes Inventory module.

Installation

• Install Varbase.

• Install the VMI module.

• Install the Varbase VMI Demo module.

• Generate number of content for the Post, Episode content types. as Post is a content type with an Image field [field_image] and Episode is a content type with a Video field [field_video]. And Blog post (Varbase Blog) is a content type with Media field [field_media].

• You could install one of the following sub modules or all of them for the full demo.

• Install the Varbase VMI Standard 16:9 Demo module.

• Install the Varbase VMI Traditional 4:3 Demo module.

• Install the Varbase VMI Square 1:1 Demo module.

• Install the Varbase VMI Auto Demo module.

• Go to your home page you will see the following links in the Main menu:

Standard 16:9

Scale of current standard 16:9 aspect ratio shape for width and height on the focal point.

• Posts - Standard 16:9 - Hero
• Posts - Standard 16:9 - Tout
• Posts - Standard 16:9 - Vertical Media
• Posts - Standard 16:9 - Horizontal Media
• Posts - Standard 16:9 - Text

• Episodes - Standard 16:9 - Hero
• Episodes - Standard 16:9 - Tout
• Episodes - Standard 16:9 - Vertical Media
• Episodes - Standard 16:9 - Horizontal Media
• Episodes - Standard 16:9 - Text

Ultrawide 21:9

Scale of current Ultrawide 21:9 aspect ratio shape for width and height on the focal point.

• Posts - Ultrawide 21:9 - Hero

• Posts - Ultrawide 21:9 - Tout

• Posts - Ultrawide 21:9 - Vertical Media

• Posts - Ultrawide 21:9 - Horizontal Media

• Posts - Ultrawide 21:9 - Text

• Episodes - Ultrawide 21:9 - Hero

• Episodes - Ultrawide 21:9 - Tout

• Episodes - Ultrawide 21:9 - Vertical Media

• Episodes - Ultrawide 21:9 - Horizontal Media

• Episodes - Ultrawide 21:9 - Text

Traditional 4:3

Scale of the old traditional 4:3 aspect ratio shape for width and height on the focal point.

• Posts - Traditional 4:3 - Hero
• Posts - Traditional 4:3 - Tout
• Posts - Traditional 4:3 - Vertical Media
• Posts - Traditional 4:3 - Horizontal Media

• Episodes - Traditional 4:3 - Hero
• Episodes - Traditional 4:3 - Tout*
• Episodes - Traditional 4:3 - Vertical Media
• Episodes - Traditional 4:3 - Horizontal Media

Square 1:1

Scale of square 1:1 aspect ratio shape for width and height on the focal point.

• Posts - Square 1:1 - Hero
• Posts - Square 1:1 - Tout
• Posts - Square 1:1 - Vertical Media
• Posts - Square 1:1 - Horizontal Media

• Episodes - Square 1:1 - Hero
• Episodes - Square 1:1 - Tout
• Episodes - Square 1:1 - Vertical Media
• Episodes - Square 1:1 - Horizontal Media

Auto

Original shape only scale the width on the focal point.

• Posts - Auto - Hero
• Posts - Auto - Tout
• Posts - Auto - Vertical Media
• Posts - Auto - Horizontal Media

• Episodes - Auto - Hero
• Episodes - Auto - Tout
• Episodes - Auto - Vertical Media
• Episodes - Auto - Horizontal Media