Ampliar número de productos visualizados por linea en plantilla Cilene  

Hola

Si es posible acomodar para que se muestre 4 productos en lugar de 3, sin embargo habría que realizar modificaciones al archivo :
/themes/Cilene/product-list.tpl

Específicamente cambiar :
col-md-4 por col-md-3

Saludos.

Muchas gracias.

Hola, ya tengo el tema Cilene instalado y estoy haciendo cambios, pero al corregir estas indicaciones que me das, pasa lo siguiente:
- Si hace hueco para que quepan 4 productos en la linea, pero solo muestra 3 en linea, el 4 a la siguiente linea.
- Cuando cambias a vista Lista se ve mal y cuando vuelves a vista Cuadricula vuelve al original, como si no hubiera cambiado nada.
He cambiado en el archivo product-list.tpl las dos únicas veces que aparece "col-md-4" y he puesto "col-md-3"
Dejo la web en abierto por si lo quieres mirar. Solo hay 5 productos en la categoría de Cereales.

http://sedovinc-cp188.webprestashop.com/index.php?id_category=3&controller=category&id_lang=1&live_configurator_token=b61cf76bede69e85ddf93cd4ef74de43&id_shop=1&id_employee=1&theme=&theme_font=

Hola

Al parecer el theme tiene una clase CSS para el primer elemento, ubica este archivo :

/themes/Cilene/css/customuser.css

Al final agrega el siguiente codigo :

ul.product_list.grid > li.first-in-line{
clear:none;
}

.product_list.list .col-md-3{
	width:100%;
}

La última parte del código es para trabajar en la vista de lista, esto lo corrige

Saludos.

Hola, perfecto, ahora salen los productos por linea, pero al dar al botón de ver como lista se ve mal y al volver a dar al botón de cuadricula vuelven a estar 3 productos por linea.
¿Habrá que configurar algo en el backend?

HOla

Anteriormente había editato el post y te había enviado un código adicional, pero igual no me percaté de que se vuelve a mostrar tres elementos en el grid, para corregir los dos problemas , en modo lista y luego en modo grid para que no se vuelva a mostrar 3 elementos, usa el siguietne código

ul.product_list.grid > li.first-in-line {
     clear: none;
}

.product_list.grid .col-md-4 {
     width: 25%;
}

.product_list.list .col-md-3 {
     width: 100%;
}

La primera parte del código ya lo tienes, sólo habría que agregar las dos instrucciones finales

Saludos.

Perfecto, muchisimas gracias.

Hola

He estado realizando pruebas adicionales en modo responsive y se requiere poner una condiciona adicional para que se vea correctamente :

ul.product_list.grid > li.first-in-line {
     clear: none!important;
}

.product_list.grid li.borde-producto{
	clear:none!important;
	display:none!important;
}

.product_list.list .col-md-3 {
     width: 100%;
}
 

@media (min-width:980px){
	.product_list.grid .col-md-4 {
	     width: 25%;
	     min-height:400px;
	}
}

Prueba este código en lugar del anterior, lo que agregué es por ejemplo la condición para ancho de 980px y min-height, esto lo puedes cambair es la altura mínima de los productos debería estar entre 300 y 500px

Además se agregó una condicion de borde : .product_list.grid li.borde-producto que no debería mostrarse

Revisa el siguiente artículo que se ha creado respecto a este tema :
https://www.webempresa.com/blog/item/2050-aumentar-la-cantidad-de-productos-por-fila-en-prestashop.html

Saludos.

Si, muy bien, muchas gracias, funciona perfectamente.