element119 / module-page-builder-custom-data-attributes
A Magento 2 module that allows custom data to be added to Page Builder content.
Installs: 9 480
Dependents: 1
Suggesters: 0
Security: 0
Stars: 13
Watchers: 2
Forks: 3
Open Issues: 1
Language:JavaScript
Type:magento2-module
Requires
- magento/module-page-builder: ^2.2
README
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.