Home » WooCommerce » Cómo añadir texto debajo de la lista de productos en las páginas de categorías de WooCommerce

Cómo añadir texto debajo de la lista de productos en las páginas de categorías de WooCommerce

Existe una forma muy popular de mejorar la visibilidad de las categorías de productos en Google y otros motores de búsqueda. Y es muy sencilla: las páginas de categoría necesitan más contenido útil para destacar.

Por ejemplo, si tiene una tienda de ropa y desea destacar la categoría de accesorios, podría incorporar consejos y trucos sobre cómo combinar la ropa con diferentes accesorios. A continuación, añada este tutorial a la página de la categoría Accesorios.

La idea está clara, pero hay un problema. Este tipo de contenido debe ser largo, y el contenido largo no se verá bien si se añade al campo de descripción normal en la categoría de producto de WooCommerce. Por eso añadiremos este texto en la parte inferior de la página de la categoría, justo debajo de la lista de productos. De esta manera será visible para los lectores, pero no será molesto para aquellos que navegan por la lista de productos en busca de un artículo específico.

Cómo añadir un campo para texto adicional al formulario de Categoría de Producto de WooCommece

Para añadir un campo adicional al campo Categoría de Producto en WooCoomerce, vaya a Apariencia >> Editor de Archivos Temáticos (o Herramientas >> Editor de Archivos Temáticos) en el panel de administración de WordPress. A continuación, haga clic en el archivo functions. php en la parte derecha de la pantalla.

Una vez que abra el archivo functions, desplácese hasta la parte inferior de su contenido y añada este código:

function rocksolid_edit_bottom_description($term) {
	$bottom_description = get_term_meta($term->term_id, 'bottom_description', true);
	$settings = array( 'media_buttons' => false );
    ?>
 <tr class="form-field">
        <th scope="row" valign="top"><label for="bottom_description">Bottom description</label></th>
        <td>
            <?php wp_editor( $bottom_description , 'bottom_description', $settings ); ?>
        </td>
    </tr>
    <?php
}
add_action('product_cat_edit_form_fields', 'rocksolid_edit_bottom_description', 10, 1);

function rocksolid_save_bottom_description($term_id) {
	$bottom_description = filter_input(INPUT_POST, 'bottom_description');
	update_term_meta($term_id, 'bottom_description', $bottom_description);
}
add_action('edited_product_cat', 'rocksolid_save_bottom_description', 10, 1);

Qué hace este código:

  1. La primera función rocksolid_edit_bottom_description añade un campo WYSIWYG llamado Bottom description al campo Product Category en WooCommerce.
  2. La segunda función rocksolid_save_bottom_description guarda el valor del texto de la descripción inferior en la base de datos de WordPress.

Después de añadir este código al archivo functions.php y guardar los cambios, encontrarás un nuevo campo de texto enriquecido en el formulario de edición de categoría de producto de WooCommerce. Como aquí:

how to add additional fields to woocommerce cateogry form

Ahora, cuando el campo está listo, tenemos que mostrar el contenido en el sitio web real.

Cómo mostrar texto bajo la lista de productos en las páginas de categoría de WooCoomerce

Como ya tenemos el contenido listo para ser mostrado bajo la lista de productos, vamos a hacerlo visible para los visitantes de la tienda.

Una vez más, abra el archivo function.php del tema de WordPress como antes, y añada este código al final del archivo:

function rocksolid_show_bottom_description(){
	$bottom_description = get_term_meta(get_queried_object_id(), 'bottom_description', true);	
	if (!empty($bottom_description)) {
		echo '<div class="bottom-category-description">'.nl2br($bottom_description).'</div>';
	}	
}
add_action( 'woocommerce_after_shop_loop', 'rocksolid_show_bottom_description' );

Esta función toma el contenido del campo Bottom Description en el formulario Woo Category, y lo muestra debajo de la lista de productos en las páginas WooCommerce Product Cateogory. Como aquí:

woocommerce add seo description under products in category pages

Best WordPress hosting 2024

Si quieres añadir un estilo adicional a ese texto, puedes añadir un estilo css a la clase llamada bottom-category-description.

Eso es todo – ahora tienes un campo para añadir texto adicional al formulario de categoría de WooCommerce, y puedes mostrar ese texto debajo de la lista de productos en las páginas de categoría sin ningún plugin adicional.

Tags:

Fathom analytics - privacy focused cookie-free website analytics

Most popular tutorials


Get our latest WordPress news and special offers from RockSolidWP!

Only useful WordPress and WooCommerce tips and tricks and exclusive offers for our readers once a month. No marketing nonsense.

Looking for reliable yet affordable WordPress hosting?
Hostinger is the way to go!

Get 10% OFF by using code IMAKEITWORK