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:
¿Cómo podemos hacer que se vean bien.
Muchas gracias y un saludo.
Contenido solo visible a usuarios registrados
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
@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.
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!