Avisos
Vaciar todo

Paginación

4 Respuestas
2 Usuarios
0 Reactions
16 Visitas
 Alba
Respuestas: 288
Reputable Member
Topic starter
 

Hola,

Hemos intentado cambiar de scroll infinito a paginación nuestra tienda de WooCommerce y nos han surgidos dos problemas:

1. En la versión responsive no se ha cambiado y sigo apareciendo la carga con scroll infinito. ¿Cómo podemos cambiar a paginación también ahí?

2. En la versión pc sí se ha cambiado pero como tenemos tantos productos, los números de las últimas páginas se juntan demasiado y no se visualizan correctamente:

Captura

¿Cómo podemos hacer que se vean bien.

Muchas gracias y un saludo.

Contenido solo visible a usuarios registrados


 
Respondido : 16/06/2021 11:06 pm
Bruno
Respuestas: 6459
Illustrious Member Moderator
 

Que tal Alba,

Pude fijarme en el error y el detalle es que posees una gran cantidad de productos, vamos a solucionarlo con el siguiente código

.woocommerce-pagination .page-numbers li {
padding: 0px 10px;
}

Respecto a que aun no se aprecia la paginación en mobile yo desde mi dispositivo pude verla, posiblemente sea cache, recuerda que cualquier ajuste que realices debes vaciar la cache del sitio y de ser necesario revisarlo en ventana incógnita.

Saludos


 
Respondido : 16/06/2021 11:55 pm
 Alba
Respuestas: 288
Reputable Member
Topic starter
 

@bruno-vichetti Ahora queda mucho mejor, muchas gracias!

¿No sería posible también mostrar solo la última página (y no las 3 últimas como ahora) y quizás solo las 2 o 3 primeras?

Así podríamos reducir más la paginación y quedaría mejor en el móvil.

Un saludo y quedo a la espera de tu respuesta.


 
Respondido : 17/06/2021 11:14 pm
Bruno
Respuestas: 6459
Illustrious Member Moderator
 

Hola Alba,

Entiendo lo que deseas lograr sin embargo estamos editando encima de la paginación que viene por defecto, hacer un ajuste exacto involucra hacer código personalizado sin embargo me gustaría apoyarte con dos recomendaciones

1-Agregar el siguiente estilo el cual solo mostrara las flechas y el numero de pagina activa

li .page-numbers{
display:none !important
}
li .prev, li .next, li .current{
display:inline-block !important
}

2-Instalar el siguiente plugin y revisar entre sus opciones te permite modificar la vista y cantidad de paginas de la paginación https://es.wordpress.org/plugins/pagination-styler-for-woocommerce/

Saludos!


 
Respondido : 17/06/2021 11:50 pm