Have a demo work for how to use View Modes Inventory (VMI) module in Varbase.
composer require vardot/varbase_vmi_demo:~10.0
composer require vardot/varbase_vmi_demo:10.0.x-dev
- 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.
-
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:
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
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
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
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
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