Customizing Module

Now that you have created your first module on the previous step, you might want to try tweaking it to your liking. One of Divi 5 goals is to make it as extendable and customizable as possible. Let's start easy by tweaking imported components that you already use on the module that you have made.

Try visiting these documentation pages to see available parameters on the components and functions that you use to tweak the module that you have created:

Objective

The goal of this tutorial is to make you familiar with Divi 5's API references.

Every builder API that you are using has dedicated API reference where you can see all available parameters and functions that you can use. You can use this API reference to tweak your module to your liking.

Prerequisites

This tutorial assumes that you have read, followed, and completed:

• Create Divi 5 Module in 10 Minutes

Javascript Documentation

@divi/field-library

• RichTextContainer
• TextContainer

@divi/modal

• GroupContainer

@divi/module

Renderer - HTML

• ModuleContainer

Renderer - Styles

• StyleContainer

Renderer - Classnames

• elementClassnames

Settings - Content

• AdminLabelGroup
• BackgroundGroup
• FieldContainer

Settings - Design

• AnimationGroup
• BorderGroup
• BoxShadowGroup
• FiltersGroup
• FontGroup
• FontBodyGroup
• SizingGroup
• SpacingGroup
• TransformGroup

Settings - Advanced

• PositionSettingsGroup
• ScrollSettingsGroup
• TransitionGroup
• VisibilitySettingsGroup

@divi/module-library

• registerModule

PHP Documentation

• ET\Builder\Framework\DependencyManagement\Interfaces\DependencyInterface
• ET\Builder\Framework\Utility\HTMLUtility
• ET\Builder\FrontEnd\Module\Style
• ET\Builder\Packages\Module\Module
• ET\Builder\Packages\Module\Options\Element\ElementClassnames
• ET\Builder\Packages\ModuleLibrary\ModuleRegistration

Need More?

These are just functions that are being used on the Simple Quick Module that you have created earlier. There are more components and functions that you can use. For more details, you can go to the documentation pages. Right now many of those pages are still in progress. We are working hard to make it available as soon as possible.