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:
- La primera función rocksolid_edit_bottom_description añade un campo WYSIWYG llamado Bottom description al campo Product Category en WooCommerce.
- 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í:
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í:
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.
