Si hace un tiempo veíamos cómo mostrar la descripción en una página de categoría después de los productos en lugar de antes cómo está por defecto, hoy vamos a ver algo muy parecido para la página de la tienda de WooCommerce.
Por defecto, la página que configuramos como «Tienda» o «Shop» en WooCommerce nos mostrará el listado de productos en columnas, según como esté definido en el theme, y si añadimos contenido a esa página, se mostrará justo antes, entre el título y el loop de productos.
En este caso, el código que podemos utilizar es este:
remove_action( 'woocommerce_archive_description', 'woocommerce_product_archive_description', 10 );
add_action( 'woocommerce_after_shop_loop', 'woocommerce_product_archive_description', 100 );
Podemos añadirlo en nuestro archivo functios.php del theme o plugin personalizado que utilicemos.
Si nos fijamos, es prácticamente igual que el que estábamos utilizando para las categorías pero indicando otra función del mismo hook, y es que si nos fijamos en la plantilla de WooCommerce para el listado de productos (tienda, categoría, etiqueta…), archive-product.php, podemos ver esto:
.....
.....
<header class="woocommerce-products-header">
<?php if ( apply_filters( 'woocommerce_show_page_title', true ) ) : ?>
<h1 class="woocommerce-products-header__title page-title"><?php woocommerce_page_title(); ?></h1>
<?php endif; ?>
<?php
/**
* Hook: woocommerce_archive_description.
*
* @hooked woocommerce_taxonomy_archive_description - 10
* @hooked woocommerce_product_archive_description - 10
*/
do_action( 'woocommerce_archive_description' );
?>
</header>
<?php
if ( woocommerce_product_loop() ) {
....
....
Y vemos que el hook woocommerce_archive_description tiene dos funciones posibles, la que ya utilizamos para categorías y la que nos sirve en esta ocasión.
¿Eres implementador o desarrollador WordPress?
En la Zona DPW encontrarás más recursos, tutoriales, plantillas, y una biblioteca de snippets para poder utilizar en tu día a día y ganar tiempo en tu trabajo:
ACCEDER AHORA