Cambiar número de productos por página en WooCommerce

Si tienes una tienda en línea con WooCommerce, es probable que te hayas preguntado cómo puedes cambiar el número de productos que se muestran por página. Ajustar este número puede mejorar la experiencia de usuario y, potencialmente, tus ventas. En este tutorial, te mostraremos cómo hacerlo de manera sencilla.

¿Por qué cambiar el número de productos por página?

La cantidad de productos que se muestran en una sola página puede tener un impacto significativo en la velocidad de carga y la usabilidad de tu tienda. Si muestras demasiados productos, la página puede tardar en cargar, lo que podría hacer que los visitantes abandonen tu sitio. Por otro lado, si muestras muy pocos productos, los usuarios podrían no encontrar lo que buscan rápidamente.

Pasos previos a la implementación

Antes de sumergirnos en el código, asegúrate de tener acceso al archivo functions.php de tu tema de WordPress. Este es el archivo donde añadiremos nuestro snippet de código. Si no te sientes cómodo editando archivos de código, te recomendamos hacer una copia de seguridad de tu sitio web.

Código a implementar en tu tienda WooCommerce

Ahora que tienes una idea clara de por qué y cómo cambiar el número de productos por página en WooCommerce es beneficioso, aquí tienes el código que necesitas implementar.

<?php
/**
 * Función para cambiar el número de productos por página
 */
function bf_custom_products_per_page( $per_page ) {
    $per_page = 20;
    return $per_page;
}
add_filter( 'loop_shop_per_page', 'bf_custom_products_per_page', 9999 );

 

¡Más Snippets, Más Opciones!

Al compartir, motivamos a más desarrolladores a contribuir. Ayúdanos a hacer de este directorio un punto de referencia en snippets.

Facebook
Twitter
LinkedIn
Telegram
WhatsApp

¿Cómo implementar este snippet en la web?

Tienes 2 opciones, una de ellas es mediante plugin y la otra pegando el código en tu web.

1. Añadir snippet con plugin

code-snippets

Code Snippets

Por Code Snippets Pro

  1. Descarga el plugin o búscalo en el repositorio de plugins de Wordpress e instálalo en tu web.
  2. En el menú lateral del Escritorio verás un nuevo enlace (Fragmetos de código). Ves a Fragmentos de código > Añadir nuevo.
  3. Se abrirá una página con un título, bloque de código, descripción y etiquetas, rellena el título con el que quieras guardarlo, ejemplo: Añadir Google Analytics.
  4. En la parte código verás que está activo PHP, ahí pega el código del snippet
  5. La descripción y las etiquetas solo son para tu información y para que luego encuentres más fácil los snippets.
  6. Publicar y activar el snippet.

2. Añadir snippet en el functions.php

Diseño web con WordPress

Accede al archivo functions.php de tu tema o tema hijo, pega el snippet y guarda el archivo.

Lo encontrarás en Apariencia > Editor de archivos de tema, pinchas sobre el enlace  functions.php y pegas el código al final del archivo.

Relacionados: