Cómo agregar, renombrar y eliminar pestañas de información de productos en Magento 2

Estás leyendo la publicación: Cómo agregar, renombrar y eliminar pestañas de información de productos en Magento 2

Las pestañas horizontales o verticales en las páginas de productos son una excelente manera de organizar datos de contenido extensos sin aumentar la longitud de la página. Se puede proporcionar tanta información sobre el mismo tema de manera digerible mostrando los datos de una sola pestaña a la vez. Desde la perspectiva de UX, esto ayuda a una navegación rápida sin afectar el SEO o la clasificación del sitio web. Las páginas de productos de Magento 2 están cargadas con pestañas de información de productos tan informativas. De forma predeterminada, hay 3 pestañas de información del producto:

  1. Detalles – Tiene la descripción principal del producto
  2. Más información – Tener atributos y valores del producto
  3. Revisar: cargado con reseñas de clientes y agregar la sección de reseñas

Muchas veces, los propietarios de las tiendas necesitan agregar una pestaña de información del producto personalizada para mostrar más información relacionada con el producto. Además, estas pestañas se pueden renombrar con el nombre fácilmente reconocible para referirse al propósito de la información. Y, después de agregar tales pestañas personalizadas de información del producto Magento 2, deben eliminarse. Hoy, se me ocurrió el código para Agregar, cambiar el nombre y eliminar pestañas de información del producto en Magento 2.

Pasos para agregar, cambiar el nombre y eliminar pestañas de información del producto en Magento 2:

  1. Agregar pestaña personalizada de información del producto Magento 2

    En primer lugar, cree un nuevo atributo, asígnele el nombre personalizado y agréguelo al conjunto de atributos predeterminado.
    Cree un nuevo archivo de plantilla llamado contenido personalizado.phtml y agregue el siguiente código.

    helper(‘Magento\Catalog\Helper\Output’); $_producto = $bloque->getProduct(); $_código = $bloque->getAtCode(); $_className = $bloque->getCssClass(); $_attributeLabel = $bloque->getAtLabel(); $_attributeType = $bloque->getAtType(); $_attributeAddAttribute = $bloque->getAddAttribute(); if ($_attributeLabel && $_attributeLabel == ‘predeterminado’) { $_attributeLabel = $_product->getResource()->getAttribute($_code)->getFrontendLabel(); } $_attributeValue = $_product->getResource()->getAttribute($_code)->getFrontend()->getValue($_product); ?>

    >

    1

    2

    3

    4

    5

    6

    7

    8

    9

    10

    11

    12

    13

    14

    15

    dieciséis

    17

    18

    19

    20

    21

    22

    $_helper = $this->helper(‘Magento\Catalog\Helper\Output’);

    $_producto = $bloque->getProduct();

    $_código = $bloque->getAtCode();

    $_className = $bloque->getCssClass();

    $_attributeLabel = $bloque->getAtLabel();

    $_attributeType = $bloque->getAtType();

    $_attributeAddAttribute = $bloque->getAddAttribute();

    si ($_attributeLabel && $_attributeLabel == ‘predeterminado’)

    {

    $_attributeLabel = $_producto->getResource()->getAttribute($_code)->getFrontendLabel();

    }

    $_attributeValue = $_product->getResource()->getAttribute($_code)->getFrontend()->getValue($_product);

    ?>

    >

    Ahora crea catalog_product_view.xml archivo y escriba debajo del código.

    getCustom personalizado personalizado personalizado itemprop=”custom” Contenido personalizado < /bloque>

    1

    2

    3

    4

    5

    6

    7

    8

    9

    10

    11

    12

    13

    14

    15

    dieciséis

    17

    getCustom

    personalizado

    personalizado

    personalizado

    itemprop=”personalizado”

    Contenido personalizado

    Nota: Reemplace “Vendor_Extension::custom-content.phtml” con el archivo que ha creado anteriormente.

    Si desea agregar pestañas de productos de forma dinámica o agregar pestañas en función de las condiciones personalizadas, simplemente puede usar la extensión de pestañas de productos Magento 2 de Meetanshi y agregar pestañas personalizadas ilimitadas en la interfaz.

  2. Cambiar el nombre de la pestaña de información del producto Magento 2

    Para cambiar el nombre de la pestaña Descripción, vaya a app/design/frontend//Magento_Catalog/layout/catalog_product_view.xml

    Nueva descripción

    Nueva descripción

  3. Eliminar pestañas de productos de Magento 2

    Elimine la pestaña de revisión y luego escriba el código a continuación en catalog_product_view.xml archivo

Espero que entiendas los pasos con claridad. Después de implementar el código anterior, puede fácilmente Agregar, cambiar el nombre y eliminar pestañas de información del producto en Magento 2. Puede usar el código separado individualmente para cumplir su propósito. ¡Déjame saber para qué ficha de producto has usado este código y cómo te ha ayudado este blog! Además, no olvide comentar sus problemas, sugerencias y comentarios. Sería lo suficientemente rápido para revertir. Y sí, califique mi blog con 5 estrellas para inspirarme lo suficiente como para escribir un tutorial de este tipo.

🔥 Recomendado:  Cómo ganar dinero con tu voz en 9 formas [2023] (Para principiantes)