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

 
Joseba
 Joseba
Usuario eminente

Hola, estamos sopesando instalar otra tienda con el tema de Prestashop CILENE, pero necesitariamos que tuviera 4 o 5 productos por línea dentro de las categorías, en la demostración veo que tiene solo 3
¿Tiene opción esta plantilla para poner más productos en línea?

Muchas gracias.

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 14/12/2015 6:12 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

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.

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.

ResponderCitar
Respondido : 14/12/2015 9:24 pm

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

Joseba
 Joseba
Usuario eminente

Muchas gracias.

ResponderCitar
Respondido : 14/12/2015 10:35 pm
Joseba
 Joseba
Usuario eminente

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=

ResponderCitar
Respondido : 22/01/2016 7:28 pm

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Jhon
 Jhon
Soporte CMS Webempresa Moderator

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.

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.

ResponderCitar
Respondido : 22/01/2016 8:39 pm
Joseba
 Joseba
Usuario eminente

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?

ResponderCitar
Respondido : 22/01/2016 8:52 pm

Cursos Gratuitos WordPress

Jhon
 Jhon
Soporte CMS Webempresa Moderator

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.

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.

ResponderCitar
Respondido : 22/01/2016 9:26 pm
Joseba
 Joseba
Usuario eminente

Perfecto, muchisimas gracias.

ResponderCitar
Respondido : 22/01/2016 9:32 pm

wpdoctor-revisa-la-salud-de-tu-wordpress

Jhon
 Jhon
Soporte CMS Webempresa Moderator

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 nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.

ResponderCitar
Respondido : 23/01/2016 3:58 pm
Joseba
 Joseba
Usuario eminente

Si, muy bien, muchas gracias, funciona perfectamente.

ResponderCitar
Respondido : 23/01/2016 6:45 pm

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

Por favor Iniciar Sesión o Registro