Cambiar apariencia de Listado de Productos en mi Prestashop

Si buscas la solución a cambiar apariencia listado prestashop, aquí la tienes explicada paso a paso por el equipo de soporte de AZprestashop.

Cambiar apariencia listado PrestaShop

Si está buscando alguna forma de cambiar el aspecto del listado de los productos, por ejemplo, mostrando los resultados en columnas, se debe modificar el css.

La idea es que los bloques de cada producto tengan un ancho fijo y que floten a la izquierda. Esto no le será complicado si sabe algo de css.

El archivo que deberá modificar se ubica en themes > tutema > css > product_list.css.

La solución es modificar el código por el siguiete:

ul#product_list li {
border: solid 1px #d0d3d8;
padding: 0;
min-height: 130px;
height: auto;
width: 235px;
float: left;
margin-bottom: 12px;
margin-left: 12px;
text-align: center;
}

Es posible que existan otras soluciones para cambiar la apariencia del listado de productos de Prestashop, dependiendo de la instalación o configuraciones de su tienda online. Si desea un mayor asesoramiento para cambiar la apariencia del listado de los productos no dude en contactar con nosotros para un mejor diagnóstico.

Cambiar apariencia listado PrestaShop en PrestaShop 1.7, 8 y 9

En PrestaShop 1.7, 8 y 9 el tema se estructura de otra forma: las plantillas están en themes/tu-tema/templates/, el CSS en assets/css/ y los cambios deberían hacerse en un tema hijo para no perderlos al actualizar. Sin embargo, la idea de fondo es la misma: localizar la plantilla o el fichero CSS responsable y sobrescribirlo. Además, recuerda vaciar la caché después de cada cambio, porque de lo contrario no verás el resultado.

Antes de empezar: copia de seguridad y caché

Antes de tocar ficheros o la base de datos, haz una copia de seguridad completa de la tienda. De esta forma, si algo sale mal, podrás volver atrás en minutos. Además, después de cada cambio vacía la caché de PrestaShop; de lo contrario, es posible que no veas el resultado y pienses que la solución no funciona. Por último, prueba siempre en una ventana privada del navegador para descartar la caché local.

¿Necesitas ayuda con cambiar apariencia listado PrestaShop?

Si has seguido estos pasos y el problema continúa, no te preocupes: es más habitual de lo que parece. En primer lugar, revisa el resto de consejos sobre diseño y maquetación de nuestro blog. Además, puedes consultar la documentación oficial de PrestaShop. Sin embargo, si prefieres que lo resolvamos nosotros, nuestro servicio de mantenimiento PrestaShop se encarga con precio cerrado y copia de seguridad previa. Por lo tanto, solo tienes que contarnos qué te pasa y te contestamos en menos de 24 horas laborables.

¿No te ha funcionado o no quieres tocar código?

Nuestro equipo de soporte PrestaShop lo hace por ti: te decimos el precio antes de empezar y dejamos copia de seguridad de todo.

Cuéntanos qué necesita tu tienda

O llámanos: 924 89 15 94 · 927 26 10 71 · 954 32 35 66
Comercial L-V 9:00-15:00 · Soporte L-V 8:00-24:00 · Urgencias 24 h, 365 días

SIGUE LEYENDO

Consejos relacionados

¿Hablamos de tu tienda PrestaShop?

Cuéntanos qué te quita el sueño: una tienda que no vende, un módulo que falla o un proyecto nuevo. Además, te respondemos en menos de 24 horas laborables con una propuesta clara.