Installation

Visual Layout Suite (VLSuite) pushes the boundaries of Drupal Core and Layout Builder. Because of this, the installation process implies more steps than just requiring the module with Composer.

Prerequisites

VLSuite includes some patches that are required to work properly. Hence, you need to add cweagans/composer-patches to your composer.json and enable patching from dependencies.

Adding cweagans/composer-patches to your project

Run the following command:

composer require "cweagans/composer-patches"

Enabling patching from dependencies

This authorizes Composer to apply any patches declared by dependencies. This is required to apply the patches declared by the VLSuite.

There are two ways of enabling this, use any of them:

1. Adding the the enable-patching setting to your composer.json:
   

     "extra": {
         "enable-patching": true
     }

2. Having any patches declared in patches property of your composer.json

See Allowing patches to be applied from dependencies from cweagans/composer-patches documentation for more details.

Installation

Once the prerequisites fulfilled install the module using Composer:

composer require drupal/vlsuite  

Recommended dependencies

Two modules are strongly recommended: Layout Builder Asymmetric Translation and Media Responsive Thumbnail. While they are not absolutely mandatory, they are required in most scenarios, including enabling VLSuite Demo to setup a Drupal site with VLSuite so you can evaluate the module.

Both can be installed using Composer:

composer require drupal/layout_builder_at
composer require drupal/media_responsive_thumbnail