Skip to content
Last update: April 1, 2025

Add Blocks to Page Builder

Frontend developers can now add or edit Page Builder blocks in Virto Commerce Frontend to simplify the customization process.

Readmore Page Builder user guide

As of Page Builder 3.818.0, the Virto Commerce Frontend includes a PageBuilderPreview plugin, which enhances how preview mode works. Here is what this update changes:

  • The plugin runs automatically when the system enters preview mode in Page Builder.
  • The plugin collects all configuration files into a single object for streamlined data management.
  • The collected data is sent to the Page Builder using postMessage, ensuring smooth communication.
  • The previous approach (using a shared folder or blob storage) is still supported for backward compatibility.
  • If a section with the same name already exists in the Page Builder, it will now be overwritten.

As an example, let's add two blocks to the configuration:

  • Image: A modified version of the existing Image block.
  • Image2: A new block.

To add these blocks:

  1. Go to Content → Theme
  2. Create the following folder structure: config→ schemas → sections
  3. Upload Image.json and Image2.json files to this folder.

The existing Image block is replaced with the new one. The new Image2 block is added to the list of blocks:

New blocks