Avisos
Vaciar todo

Paginación  

 
Alba
 Alba
Reputable Member

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

Citar
Respondido : 17/06/2021 12:06 am
Bruno
 Bruno
Soporte CMS Webempresa 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

ResponderCitar
Respondido : 17/06/2021 12:55 am

Cursos Gratuitos WordPress

Alba
 Alba
Reputable Member

@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.

ResponderCitar
Respondido : 18/06/2021 12:14 am
Bruno
 Bruno
Soporte CMS Webempresa 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!

ResponderCitar
Respondido : 18/06/2021 12:50 am

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress