• By Nacho
  • 19 de febrero de 2024

Cómo poner la descripción de las categorías de producto de Woocommerce debajo de los productos / categorías

Cómo poner la descripción de las categorías de producto de Woocommerce debajo de los productos / categorías

Cómo poner la descripción de las categorías de producto de Woocommerce debajo de los productos / categorías 900 600 Nacho

Dificultad Media

Para mostrar la descripción de las categorías de productos de WooCommerce debajo de los productos o categorías en tu tienda, puedes seguir estos pasos:

Método 1: Utilizando un Tema Compatible con Hooks de WooCommerce

  1. Accede al panel de administración de WordPress.
  2. Navega a «Apariencia» > «Personalizar» para abrir la personalización del tema.
  3. Busca la opción relacionada con WooCommerce o Productos. Las opciones específicas pueden variar según tu tema.
  4. Dentro de las opciones de WooCommerce, busca alguna configuración que te permita mostrar la descripción de la categoría debajo de los productos o en la página de categoría. Algunos temas permiten esta configuración directamente.
  5. También puede que tengas esta opción en la configuración del tema que estás utilizando, si es un template más avanzado.

Método 2: A través del fichero functions.php (para usuarios avanzados)

Personalmente, el método que más me gusta. Si prefieres realizar la modificación en el archivo functions.php de tu tema en lugar de crear un archivo de plantilla específico, puedes hacerlo agregando un filtro al archivo functions.php. Aquí tienes un ejemplo:

  1. Accede al panel de administración de WordPress.
  2. Navega a «Apariencia» > «Editor» y busca el archivo functions.php.
  3. Al final del archivo functions.php, agrega el siguiente código:
/* AÑADE LA DESCRIPCIÓN DE CATEGORÍA DE PRODUCTOS EN LA PARTE INFERIOR DE LA SECCIÓN */
function mostrar_descripcion_categoria_despues_productos() {
    if (is_product_category()) {
        $category_description = term_description();
        if (!empty($category_description)) {
            echo '<div class="category-description">' . wpautop($category_description) . '</div>';
        }
    }
}

add_action('woocommerce_after_shop_loop', 'mostrar_descripcion_categoria_despues_productos');

Este código utiliza el gancho (add_action) llamado woocommerce_after_shop_loop, que se ejecuta después del bucle principal de productos en las páginas de categoría. La función mostrar_descripcion_categoria_despues_productos verifica si estás en una página de categoría de productos y muestra la descripción de la categoría debajo de los productos o subcategorías, si es que ésta existe.

PERO OJO: Puede que añadas la descripción debajo pero que la descripción superior no se elimine, teniendo entonces 2 descripciones en la categoría de productos. Para eliminar la descripción superior, utiliza el siguiente código:

/* ELIMINA LA DESCRIPCIÓN SUPERIOR DE CATEGORÍA */
remove_action('woocommerce_archive_description', 'woocommerce_taxonomy_archive_description', 10);

Es posible que tengas que utilizar los 2 trozos de código juntos. Guarda los cambios en functions.php de WordPress una vez hayas incluido lo que necesitas.

Método 3: Modificando el Archivo de Plantilla de WooCommerce (para usuarios más avanzados)

Si prefieres realizar una modificación más específica, puedes agregar código personalizado al archivo de plantilla de WooCommerce. Ten en cuenta que esto requiere conocimientos básicos de desarrollo web y WordPress:

  1. Accede a tu servidor a través de FTP o utiliza el administrador de archivos en el panel de control de tu proveedor de hosting.
  2. Dirígete a la carpeta de tu tema activo. Generalmente se encuentra en wp-content/themes/tu-tema.
  3. Busca el archivo llamado archive-product.php o taxonomy-product_cat.php. Si no existe, puedes crearlo.
  4. Abre el archivo en un editor de texto y busca el bucle principal que recorre los productos o categorías. Esto puede estar dentro de un while ( have_posts() ).
  5. Justo después de ese bucle, puedes agregar el siguiente código para mostrar la descripción de la categoría:
if (is_product_category()) {
    $category_description = term_description();
    if (!empty($category_description)) {
        echo '<div class="category-description">' . wpautop($category_description) . '</div>';
    }
}
  1. Guarda los cambios y sube el archivo modificado de nuevo al servidor.

Este código verifica si estás en una página de categoría de productos y muestra la descripción de la categoría si existe. Ten en cuenta que la apariencia puede variar según el diseño de tu tema, por lo que puedes necesitar ajustar el código según tus necesidades.

Condiciones a tener en cuenta

Es importante tener en cuenta que al modificar directamente functions.php o el fichero de plantilla de categorías, cualquier error en el código puede afectar el funcionamiento de tu sitio web. Es por ello que siempre recomiendo realizar este movimiento utilizando un tema hijo de WordPress, de forma que el cambio se respete en actualizaciones del tema principal y no se pierda. Siempre es recomendable realizar una copia de seguridad antes de hacer cambios en archivos importantes como este. Además, ten en cuenta que el aspecto de la descripción de la categoría puede necesitar ajustes de estilo CSS dependiendo de tu tema.

Dejar una Respuesta