Mostrar el contenido de la página de la tienda después de los productos.

No siempre la estructura predefinida de las páginas de WooCommerce se adapta a lo que necesitamos, pero existen algunos hooks que nos facilitan estos cambios.


por

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