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

A Magento 2 module that allows custom data to be added to Page Builder content.

Installs: 9 565

Dependents: 1

Suggesters: 0

Security: 0

Stars: 13

Watchers: 2

Forks: 3

Open Issues: 1

Language:JavaScript

Type:magento2-module

1.0.1 2022-01-27 11:56 UTC

This package is auto-updated.

Last update: 2024-10-27 19:40:36 UTC


README

element119 | Page Builder Custom Data Attributes

status github release github release date magento license packagist downloads

🤝 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

full


Notes

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

step-4

paypal

For those that want to support this project.