You can define a set a 5 colors that you can use when creating your content. This is called the color palette.

Your color palette in Page Builder CK has 3 features :

• Set up manual colors for the current page / article / module
• Set up the colors in the component options (shared between every page / article / module)
• Automatically retrieve the colors from the template created with Template Creator CK (since version 4.0.22)

Modules Manager CK is a tool that helps you to manage your modules. It works in admin and front. In this section we will see how to use it in frontend with a template created with Template Creator CK (since version 4.0.19)

After installing Modules Manager CK and be sure that the system plugin is active, you must go on front end and login.

Once logged in, you will see a top bar like this :

To switch to the Modules Manager CK edition, just click on the button Enable Modules Manager CK.

Then you will get the full interface to manage your modules :

Here you can drag and drop, edit, rename... Each module has a toobar and the green button can be clicked to add a new module into the module position.

List of actions :

1. Module ID : this is the ID of the module that you can also see in the backend
2. Move : drag and drop the module to move it into any other position, or to order the modules in the same position
3. Type : this information gives you the type of the module to help you to know what it is
4. Edit: click it to open a popup with the edition of the module like in backend (use the shared sessions in your website config for a better experience)
5. Remove : directly remove the module
6. Add a module : click to add a new module in the position (here position-7). A popup will come with the list of available modules
7. Fast title edition : double click on the module title to edit it directly inline

In the top of the page you have a menu with few buttons :

List of actions :

1. Show other modules : this opens the list of all other modules that are not published in the template positions. You can drag and drop them in the page
2. Reload the page: this is useful when you add a new module, in this case the module will not be rendered correctly. So if you want to see it with a real rendering, you can reload the page
3. Exit: returns to the normal page, without the edition

Download Modules Manager CK

Apprenez à créer votre propre template Joomla 4 avec ce guide. Le livre comprend une découverte des bases des méthodes HTML et CSS à utiliser, puis vous obtiendrez toutes les informations nécessaires sur le template Joomla 4 dans la documentation technique et vous obtiendrez un tutoriel étape par étape pour vous montrer comment créer un joli template.

Learn how to make your own Joomla 4 template with this guide. The book includes a discover of the basis for the HTML and CSS method to use, then you will get all needed informations about the Joomla 4 template in the technical documentation and you will get a step by step tutorial to show you how to create a nice template.