Cambiar de 3 productos por fila a cuatro

[elmercadoartesano]

Buenas tardes,

 

Me gustaría cambiar de 3 productos por fila a 4 productos por fila.

 

He metido código para hacer el cambio y me salen 4 productos por fila pero desconfigurados.

 

Dejo código y fotos para que veáis como queda.

 

ul.product_list.grid > li.first-in-line {
clear: 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;
    }
}

 

Lo mas raro es que en la categoría si me cambia a 4 productos por linea bien (Foto sin titulo3)pero en las subcategorias no (foto sintitulo1)

 

Muchas gracias por adelantado.

[Prestaquality]

Buenas.

Viendo tu código html es muy probable quien creara la plantilla añadiera un configurador. Si no es así, un profesional deberá editarte (si no te atreves) el category.tpl. Este archivo realizará un bucle sobre los productos o llamará a otro tpl que lo haga por él. Dentro de este bucle se está imprimiendo la clase col-md-4, se debe de reemplazar por col-md-3 (3 columnas cada elemento de 12 en total -> 4 grupos). Además, debe existir algun sistema de conteo (de aquí que creo que haya un configurador), porque indica qué producto es el primero de la fila y cual el último. Habria que ajustar ese sistema para que case con 4 y no con 3.

 

Si te pierdes mándame un privado o un email. Un saludo!

[erHanny]

Buenas tardes,

 

Me gustaría cambiar de 3 productos por fila a 4 productos por fila.

 

He metido código para hacer el cambio y me salen 4 productos por fila pero desconfigurados.

 

Dejo código y fotos para que veáis como queda.

 

ul.product_list.grid > li.first-in-line {

clear: 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;

    }

}

 

Lo mas raro es que en la categoría si me cambia a 4 productos por linea bien (Foto sin titulo3)pero en las subcategorias no (foto sintitulo1)

 

Muchas gracias por adelantado.

 

 

Hola a mi me pasa algo distinto; al añadir el código css, se me ven bien pero siguen siendo 3 columnas y dejan el hueco de la 4 a la derecha :-( y es que en la 4 me añade una clase first-in-line, que cargandomelo se soluciona, pero es que estoy convencido de que hay alguna manera de decir cuantas columnas hay por pantalla, pero no doy con la tecla, una ayudita por favor  ;-)

[Sergio Ruiz]

A que tocar el tpl tambien normalmente.

 

Ejemplo en Prestashop 1.6, con la plantilla por defecto, si nos vamos al fichero:

/themes/default-bootstrap/product-list.tpl

Vemos esto:

{if $page_name !='index' && $page_name !='product'}
		{assign var='nbItemsPerLine' value=3}
		{assign var='nbItemsPerLineTablet' value=2}
		{assign var='nbItemsPerLineMobile' value=3}
	{else}
		{assign var='nbItemsPerLine' value=4}
		{assign var='nbItemsPerLineTablet' value=3}
		{assign var='nbItemsPerLineMobile' value=2}
	{/if}

Esto:

nbItemsPerLine

quiere decir numero de elementos por linea 

 

Y lo de Value, os podeis imaginar a que se refieres )

[erHanny]

A mí esas líneas no me sale

[Sergio Ruiz]

A mí esas líneas no me sale Será por el template? Me da que hay alguna parte donde se puede modificar, pero no soy capaz de encontrarlo

¿Y que plantilla usas?

[erHanny]

¿Y que plantilla usas?

Leo Cool Stuff