element119 | Page Builder Custom Data Attributes

---

🤝 Compatibility

For Adobe Commerce, install element119/module-page-builder-custom-data-attributes-commerce instead.

📝 Features

✔️ Allows custom data to be added to Page Builder content

✔️ Supports custom Page Builder content types

✔️ Gives store admins full over the name and value of custom attributes

✔️ Uses dynamic rows to allow admins to create, edit, and delete custom attributes as required

🔌 Installation

Run the following command to install this module:

composer require element119/module-page-builder-custom-data-attributes
php bin/magento setup:upgrade

⏫ Updating

Run the following command to update this module:

composer update element119/module-page-builder-custom-data-attributes

❌ Uninstallation

Run the following command to uninstall this module:

composer remove element119/module-page-builder-custom-data-attributes
php bin/magento setup:upgrade

🔧 Custom Content Types

To add custom data attributes to custom Page Builder content types simply copy the code below and paste it into the <element name="main"> node of all appropriate view/adminhtml/pagebuilder/content_type/{{custom_content_type}}.xml files.

<attribute name="custom_attributes"
           source="data-custom-attributes"
           converter="Element119_PageBuilderCustomDataAttributes/js/converter/attribute/custom-data-attributes"/>

An expanded XML tree is shown below to serve as an example.

<type name="your_custom_content_type_name">
    <appearances>
        <appearance name="your_custom_content_type_appearance">
            <elements>
                <element name="main">
                    <attribute name="custom_attributes"
                               source="data-custom-attributes"
                               converter="Element119_PageBuilderCustomDataAttributes/js/converter/attribute/custom-data-attributes"/>
                </element>
            </elements>
        </appearance>
    </appearances>
</type>

📚 User Guide

Configuration and Output

Notes

The HTML data-custom-attributes attribute will not be added when there is no data to output.

---

For those that want to support this project.