Skip to content

Module remains in Backwards Compatibility Mode after migration (D5 Tutorial) #5

@DharmilKumar

Description

@DharmilKumar

I am working on a custom module conversion following the Divi 5 tutorial. After creating a module in Divi 4 and switching to Divi 5 to run the migration, the module still displays the "Backwards Compatibility Mode Enabled" notification, even though the fields and rendering appear to be working.

Symptoms

  • The module is created in Divi 4 and migrated to Divi 5.
  • In Divi 5, the fields (including the custom dharmil_title) appear correctly and the module renders.
  • However, the "Backwards Compatibility Mode Enabled" banner remains visible on the module, and it seems to be treated as a legacy component instead of a fully native Divi 5 block.

Configuration Details

  • D4 Shortcode: dtmc_dharmil_module
  • D5 Block Name: dtmc/dharmil-module
  • module.json: d4Shortcode is set to dtmc_dharmil_module.
  • conversion-outline.js: Mappings are defined for all fields.

Steps to Reproduce

  1. Install the conversion plugin.
  2. Create a page in Divi 4 and add the "Dharmil Module".
  3. Fill in the fields, including the custom dharmil_title.
  4. Switch to Divi 5 and run the migration.
  5. Check the module in the builder: the fields are present, but the "Backwards Compatibility Mode" message is still showing.

Expected Behavior

Once the migration is run and the fields are mapped to the native Divi 5 attributes, the "Backwards Compatibility Mode" should be disabled, and the module should be recognized as a native Divi 5 block.

Reference Repository

Full source code available here: https://gitlab.com/dharmil_gmits/divi-5.git


Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions