[Resuelto] Error Paginación con Elementor Pro

Que tal María Teresa,

Entiendo que al momento de ingresar en alguna vista de listado de productos de una categoría, no muestra la cantidad deseada de productos correcto?

En este caso puedes probar con el siguiente fragmento de código

add_filter( ‘loop_shop_per_page’, ‘we_loop_shop_per_page’, 30 );
function we_loop_shop_per_page( $products ) {
$products = 12;
return $products;
}

Este fragmento de código puedes agregarlo usando un plugin como Code Snippets

Prueba y nos comentas

Saludos!

Antes de probarlo, por lo que me pregunta "Entiendo que al momento de ingresar en alguna vista de listado de productos de una categoría, no muestra la cantidad deseada de productos correcto? Es correcto por ello adjunto 2 imágenes.

1 de ellas, desde apariencia, para que vea que tengo configurado "en pc" 4 columnas y máximo 20 productos.

2. Como se muestra una de las categorías en una de las páginas.

Aunque le muestro un dominio, pasa en la web de los diferentes dominios.

¿Continúo adelante con el código que me facilitaron? gracias.

Hola María Teresa,

En efecto, esas opciones que nos muestras en captura deberían afectar directamente a la visualización del número de columnas y productos que se deben mostrar desde las vistas "Archivo" de los productos, llámese categorías; sin embargo, la visualización final siempre la tendrá el tema activo.

Es por ello que se recomienda el fragmento de código o incluso un plugin como https://wordpress.org/plugins/woocommerce-products-per-page/

Ya queda de tu parte cual de las opciones usar o incluso contando con el poder de Elementor Pro tienes la capacidad de crear un Loop item y un Loop grid totalmente personalizado en el que puedes manipular el numero de columnas y productos a mostrar

https://elementor.com/blog/introducing-the-loop-builder/

Saludos!

Muchas gracias, y le haré unas preguntas ya que no fui capaza de hacerlo con elementor.

En este caso con el código ¿mostrará entonces 16 productos por página de categorías?

¿este código sólo afecta a los archive product o también a tienda que es otro widwet?

¿La visualización en dispositivos, será como tengo marcado en apariencia del tema?

gracias, un saludo.

Hola Maria,

Si utilizas el codigo que te compartio Bruno, puedes eliminarlo cuando gustes si no te parece que es lo que buscabas, no es algo que sea permanente puedes aplicarlo y comentarnos si es definitivo o si requieres de otra cosa mas por lo que respecta a tus preguntas mostrara 12, es por esto que en el apartado de products indica el numero:

$products = 12;

El código afecta a los productos de la tienda, es decir la página tienda, si se llaman de igual forma en tus categorías, tendría que funcionar también. Como te indico, es cosa de utilizarlo y validar, con respecto a esta pregunta:

¿La visualización en dispositivos, será como tengo marcado en apariencia del tema?

No comprendemos del todo a que te refieres, el código solo hace que se muestren solo 12 productos por pagina. Estas queriendo algo en particular? te comento por que veo que en tu consulta inicial comentas esto:

tengo para que muestre en las categorías 4 x 4 me muestra sólo 2 x 1

Por lo que no se si esta encaminada la orientacion.

Un saludo 

Hola de nuevo, copié el código como php, y se me ha cerrado la página de admin, me sale el siguiente error, y me ha llegado mail de error. ¿Qué debo hacer para borrar sólo ese código, ya que utilizaba code snipets con otras funciones, que al tener desactivado no puedo utilizar.

Hola Maria,

Con la ayuda de los compañeros de tickets, hemos desactivado por base de datos el código que generó el error, por lo que vemos esta el error en las comillas, prueba agregar este otro:

add_filter( 'loop_shop_per_page', 'we_loop_shop_per_page', 20 );
function we_loop_shop_per_page( $products ) {
return 16;
}

Pero lo vas a agregar primero en tu archivo functions.php, es decir, ingresa en tu wepanel > administrador de archivos > wp-content > themes > tema que estás utilizando > archivo functions.php

Al final del todo de este archivo es donde vas a agregar dos saltos de línea y agregas el que te compartí. De esta forma si te llegase a generar algún error puedes solo borrar esto de tu archivo que s mas accesible y quedaria listo, si te funciona puedes agregarlo al plugin de code snippet ya que sabes que no tumba tu sitio.

Un saludo 🖐️ 

Buenas noches, lo primero de todo gracias por ayudarme con el error del código porque no sabía que era lo que pasaba.

En cuanto a las preguntas que me hacéis:

1.- ¿La visualización en dispositivos, será como tengo marcado en apariencia del tema? Quizá no me expresé bien, en cuanto a como se muestran en la tienda o pagina de categorías, si es pc muestra 4 productos por fila y 4 columnas máximo. De hecho en apariencia del tema tengo marcado 4 productos por fila. 

2.- tengo para que muestre en las categorías 4 x 4 me muestra sólo 2 x 1, es lo mismo que en el punto 1, el como a elementor, configuré el la plantilla de categorías que muestre según dispositivo un nº de filas y productos por fila.

Por último, el código que me han facilitado:

3.- Tienen alguna guía de como hacerlo, me da un poco de respeto hacerlo sin seguir un paso a paso. Ya que lo tengo que hacer en los 2 domisnios tubebeytu.es y laluzdelosminerales.com, y ambos tienen un tema hijo activo.

4. El inicio de la consulta de este hilo, me refiero a que cuando listo la página alguna de las categorías, no muestra correctamente la cantidad de productos, ni por fila, columnas, etc, muestra por página (tengo marcada paginación) sólo 2 productos.

Muchísimas gracias, y perdonar por la extensión de este, y quizá no lo haya explicado correctamente.

Hola Maria,

Puedes ingresar en la carpeta que te indique:

wepanel > administrador de archivos > wp-content > themes > tema que estás utilizando > archivo functions.php

Aqui lo agregas al final del todo, es mucho más sencillo de solucionar, como te lo indiqué de esta forma porque solo borras lo que acabas de agregar si vez que el sitio deja de funcionar.

Verifica primero el código y ya nos comentas si eso era. 

Un saludo 🖐️ 

Buenas tardes, tienen un paso a paso de como hacerlo?

Y por otra parte como en ambas web tengo un tema child, afecta a la hora de seguir la ruta? ¿cómo lo identificaría  en la ruta que me indicaron "wp-content > themes > tema que estás utilizando > archivo functions.php" este tema child?

Gracias, un saludo.

Hola María Teresa,

Poniéndome al corriente con tu consulta, veo que tuviste inconvenientes utilizando el fragmento de código personalizado sugerido, aun con la revisión de mi compañero, debo consultar

¿Por qué no has usado los fragmentos de código desde el plugin de Code Snippets? este plugin vemos que lo tienes activo y es la opción más práctica y segura de usar fragmentos de código personalizados

Por otro lado ya tenemos un artículo que explica como aplicar los Snippets en nuestro sitio web

https://www.webempresa.com/blog/que-son-los-snippet-y-como-introducir-nuevas-funcionalidades-en-tu-wordpress.html

Y por otra parte como en ambas web tengo un tema child, afecta a la hora de seguir la ruta? ¿cómo lo identificaría en la ruta que me indicaron "wp-content > themes > tema que estás utilizando > archivo functions.php" este tema child?

La ruta comentada es un estandar el cual debes seguir segun tu caso, Si el tema hijo es en efecto el tema activo, su ruta debería existir, por ejemplo

wp-content/themes/astra-child/functions.php

Sin embargo debo insistir en el uso del plugin de Code Snippets, he recreado el ajuste agregando el siguiente código.

add_filter( 'loop_shop_per_page', 'we_loop_shop_per_page', 999 );
function we_loop_shop_per_page() {
return 12;
}

Obteniendo un resultado como el siguiente

Prueba y nos comentas

Saludos!

Buenas noches, porque sino entendí mal como adjunto a continuación me recomiendan hacerlo desde wepanel:

Respondido por: Argenis

↑

Pero lo vas a agregar primero en tu archivo functions.php, es decir, ingresa en tu wepanel > administrador de archivos > wp-content > themes > tema que estás utilizando > archivo functions.php

Por lo que Bruno, como me indiquéis que es mejor, yo en cuanto a wpanel, controlo poco, sólo con vuestras guías. Otras veces, he puesto los códigos como habrás visto en el plugins que indicas. ¿lo hago entonces con el plugin?

¿Y de esa forma tendría que se muestre por página de categorías la cantidad de productos mencionada seam 12 o 16, y que en cada versión (pc-tablet-movil) coja la configuración de 4 o 3 o 2? 

Gracias.

Que tal María Teresa,

¿lo hago entonces con el plugin?

En primera instancia, y considerando que ya tienes el plugin instalado, lo ideal, además de los otros motivos explicados, es colocar los fragmentos de código por medio del plugin

Tambien ya te he compartido una versión actualizada y probada del fragmento de código

¿Y de esa forma tendría que se muestre por página de categorías la cantidad de productos mencionada seam 12 o 16, y que en cada versión (pc-tablet-movil) coja la configuración de 4 o 3 o 2?

De momento se ha probado que la paginación aumente a 12 productos, valida su comportamiento y nos comentas

Saludos!

Bruno y equipo muchas gracias, conseguido y funcionando en ambas páginas.

Lo que no entiendo es porque hace falta este código, cuando desde apariencia se configura para mostrar este comportamiento, no?

Y lo he configurado con 16 en www.tubebeytu.es y no veo comportamiento erróneo.

De nuevo muchas gracias.