Install Page Builder Examples
You can find the Page Builder examples used in this documentation on GitHub in the pagebuilder-examples repo. This repo contains two types of examples:
- Fully functional modules
- Files for how-to topics
Fully functional modules
To learn by example, the Example directory on the repo provides the following custom content-type modules for you to download and install.
- PageBuilderQuote—This module shows you how to use a simple content type to stylize quotations for things like customer testimonials. This is the completed module featured in the content type tutorial.
- PageBuilderGrid—This module shows you how to create a content type to rebuild the Magento Luma home page using a grid structure with grid items.
- PageBuilderFaq—This module shows you how to create a content type for an FAQ page that uses an accordion for the questions and answers.
Assuming you have Page Builder 1.0.0 already installed, you can install the example modules as follows:
Clone the pagebuilder-examples repo:
git clone https://github.com/magento-devdocs/pagebuilder-examples
Navigate to your
Copy or symlink the
Exampledirectory from your local
pagebuilder-examplesclone into your
ln -s <Relative_route_to_cloned_Example_directory>
Enable the modules using the
Navigate to a Page Builder instance to ensure the example content types appear in the Page Builder panel, as shown here:
Files for how-to topics
The how-to directories in the repo correspond to the how-to topics in this documentation. They provide the files and code changes required by the how-to topic in order to add the given feature to the
For example, the topic How to add a custom toolbar, has a corresponding directory within the pagebuilder-examples repo called how-to-add-custom-toolbar. This directory provides the files with the code changes you need to make in order to add a custom toolbar to the