La Guía Completa para Eliminar los Elementos Predeterminados del Constructor de Páginas en Magento 2

Tabla de Contenido

  1. Introducción
  2. Comprendiendo el Constructor de Páginas de Magento 2
  3. ¿Por qué Eliminar los Elementos Predeterminados del Constructor de Páginas?
  4. Guía Paso a Paso para Eliminar los Elementos Predeterminados del Constructor de Páginas
  5. Conclusión
  6. Preguntas Frecuentes (FAQ)

Introducción

Administrar el diseño de contenido de manera eficiente es crucial para cualquier plataforma de comercio electrónico. Magento 2, una solución líder en comercio electrónico, viene con un potente Constructor de Páginas que simplifica el proceso de creación y gestión de contenido. Sin embargo, en ocasiones ciertos elementos predeterminados pueden saturar la interfaz, por lo que es necesario eliminarlos para mantener un flujo de trabajo limpio e intuitivo.

En esta publicación del blog, proporcionaremos una guía paso a paso sobre cómo eliminar los elementos predeterminados del Constructor de Páginas en Magento 2. Al final de este tutorial, tendrás los conocimientos necesarios para personalizar el Constructor de Páginas según tus necesidades específicas, mejorando tanto la eficiencia como la experiencia del usuario.

Comprendiendo el Constructor de Páginas de Magento 2

El Constructor de Páginas de Magento 2 es una herramienta sólida que permite a los usuarios crear páginas dinámicas a través de una interfaz intuitiva de arrastrar y soltar. Incluye varios elementos preconstruidos como bloques de texto, imágenes y deslizadores que se pueden utilizar para diseñar diseños de página complejos sin necesidad de programación.

Aunque los elementos predeterminados están diseñados para cubrir una amplia gama de casos de uso, no siempre se ajustan a requisitos comerciales específicos. Eliminar elementos innecesarios puede ayudar a simplificar el proceso de creación de contenido al eliminar distracciones y posibles fuentes de errores.

¿Por qué Eliminar los Elementos Predeterminados del Constructor de Páginas?

La personalización del Constructor de Páginas de Magento 2 mediante la eliminación de elementos predeterminados puede ofrecer varios beneficios:

  • Mejora de la Usabilidad: Una interfaz más limpia puede proporcionar una experiencia de usuario más intuitiva.
  • Reducción de la Complejidad: Eliminar elementos no utilizados puede reducir la complejidad, facilitando a los creadores de contenido centrarse en tareas relevantes.
  • Mejora del Rendimiento: Menos elementos pueden mejorar el rendimiento de la interfaz del Constructor de Páginas.

Guía Paso a Paso para Eliminar los Elementos Predeterminados del Constructor de Páginas

Paso 1: Crear un Módulo Personalizado

Para realizar modificaciones en el Constructor de Páginas, es necesario crear un módulo personalizado. Sigue estos pasos para configurar la estructura básica de tu módulo:

  1. Crea la Estructura de Directorios:

    app/code/YourVendor/CustomModule/

  2. Crea registration.php:

    <?php
\Magento\Framework\Component\ComponentRegistrar::register(
    \Magento\Framework\Component\ComponentRegistrar::MODULE,
    'YourVendor_CustomModule',
    __DIR__
);

  3. Crea module.xml:

    <?xml version="1.0"?>
<config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:Module/etc/module.xsd">
    <module name="YourVendor_CustomModule" setup_version="1.0.0"/>
</config>

Paso 2: Modificar el Archivo XML de la Sección del Menú

Ahora, necesitamos indicarle a Magento que elimine los elementos no deseados del Constructor de Páginas. Esto se puede hacer modificando el archivo menu_section.xml, donde se registran los elementos predeterminados del Constructor de Páginas.

  1. Crea el Archivo menu_section.xml:

    app/code/YourVendor/CustomModule/view/adminhtml/pagebuilder/menu_section.xml

  2. Edita menu_section.xml para Eliminar los Elementos:

    <?xml version="1.0"?>
<pagebuilder xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:module:Magento_PageBuilder:etc/pagebuilder.xsd">
    <menuSection name="elements">
        <visible>false</visible>
    </menuSection>
</pagebuilder>

    Este comando elimina efectivamente todo debajo de la lista desplegable Elements en el Constructor de Páginas. Puedes personalizar este XML para eliminar elementos específicos apuntando a sus correspondientes identificadores.

Paso 3: Crear un Complemento para Mejorar la Funcionalidad

En algunos casos, puede que se requiera una personalización adicional. Puedes crear un complemento para extender o anular el comportamiento predeterminado del Constructor de Páginas de Magento 2.

  1. Crea di.xml:

    app/code/YourVendor/CustomModule/etc/di.xml

  2. Configura el Complemento en di.xml:

    <?xml version="1.0"?>
<config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:ObjectManager/etc/config.xsd">
    <type name="Magento\PageBuilder\Model\Config\MenuSection">
        <plugin name="customize_remove_elements" type="YourVendor\CustomModule\Model\Plugin\Config\RemoveElementsMenu" sortOrder="1"/>
    </type>
</config>

  3. Crea la Clase del Complemento:

    app/code/YourVendor/CustomModule/Model/Plugin/Config/RemoveElementsMenu.php

  4. Edita la Clase del Complemento:

    <?php
namespace YourVendor\CustomModule\Model\Plugin\Config;

class RemoveElementsMenu
{
    public function afterGetMenuSections(\Magento\PageBuilder\Model\Config\MenuSection $subject, $result)
    {
        // Define los elementos que deseas eliminar
        $elementsToRemove = [
            'accordion',
            'banner',
            'buttons',
            // Agrega más elementos según sea necesario
        ];

        // Filtra los elementos
        foreach ($elementsToRemove as $element) {
            if (isset($result[$element])) {
                unset($result[$element]);
            }
        }

        return $result;
    }
}

Conclusión

Eliminar los elementos predeterminados del Constructor de Páginas en Magento 2 puede mejorar significativamente la usabilidad y eficiencia de tu plataforma de comercio electrónico. Siguiendo los pasos descritos en esta guía, podrás personalizar el Constructor de Páginas para adaptarlo a tus necesidades específicas.

Recuerda que mantener una interfaz limpia e intuitiva no solo contribuye a una mejor experiencia de usuario, sino que también simplifica el proceso de creación de contenido. Siempre prueba tus personalizaciones en un entorno de desarrollo antes de implementarlas en producción.

Preguntas Frecuentes (FAQ)

P1: ¿Por qué debería eliminar los elementos predeterminados del Constructor de Páginas de Magento 2? Eliminar elementos no utilizados puede simplificar la interfaz de usuario, haciéndola más intuitiva y reduciendo las posibilidades de errores durante la creación de contenido.

P2: ¿Puedo eliminar elementos específicos en lugar de desactivar todos? Sí, puedes eliminar selectivamente elementos específicos apuntando a sus identificadores en el archivo menu_section.xml o personalizando el código del complemento.

P3: ¿Estos cambios afectarán futuras actualizaciones de Magento 2? Estas modificaciones se realizan a través de un módulo personalizado, minimizando el impacto en los archivos principales. Sin embargo, siempre revisa y prueba las personalizaciones después de las actualizaciones para garantizar la compatibilidad.

P4: ¿Qué sucede si necesito volver a habilitar un elemento en el futuro? Puedes volver a habilitar elementos ajustando la configuración en el archivo menu_section.xml o modificando la clase del complemento, volviendo a agregar cualquier elemento previamente eliminado.

P5: ¿Es posible agregar elementos personalizados al Constructor de Páginas? Sí, puedes agregar elementos personalizados al Constructor de Páginas definiéndolos en tu módulo personalizado. Este proceso implica crear nuevos tipos de contenido y registrarlos en la configuración del Constructor de Páginas.

Siguiendo los pasos descritos en esta guía, puedes administrar eficazmente los elementos en el Constructor de Páginas de Magento 2, adaptándolos a tus necesidades y preferencias específicas.