Hola, tenemos un problema con los productos ya que se nos descuadran.
Hemos metido el siguiente código: ul.product_list.grid > li.first-in-line {
clear: none!important;
}
.product_list.list .col-md-4 {
width: 100%;
}
@media (min-width:980px){
.product_list.grid .col-md-4 {
width: 25%;
min-height:300px;
}
}
ESte código está puesto en customuser.css. Sin embardo, aún así no funciona, lo único que hemos ganado es que haya más espacio entre filas aumentando el min-height. Queremos mantener los cuatro productos por fila.
El descuadre se produce en los productos que llevan dos filas en el nombre o en los que aparece la etiqueta agotado.
Gracias.
URL del sitio: Contenido solo visible a usuarios registrados
Hola Alejandro,
Veo que la tienda está cerrada y no podemos examinar el código que genera ni tampoco el resultado ¿podrías abrir la tienda e indicarnos un enlace donde se muestre lo que nos indicas?
Agradecemos tu colaboración.
Saludos
Hola, ya he quitado el modo mantenimiento de la tienda. Esto pasa en cualquier sitio que te metas y haya productos. Sin embargo, te copio Un enlace pero pasa en todos, si el nombre utiliza doble fila se descuadra y si sale la etiqueta agotado también.
http://www.tiendawalkingdogs.com/es/215-petuky
Aquí lo puedes ver: perros-camas-petuky y ahí dentro puedes verlo.
Gracias
Hola,
Parece que todo este problema de descuadre ha surgido tras los cambios que has aplicado en los CSS para mostrar 4 productos por fila, de forma que no han sido correctos.
Elimina el código CSS añadido. Una vez que lo hayas hecho esto, avísanos para que podamos analizar cómo se muestra el código.
Ya hemos eliminado el código. De igual forma sin él se descuadran los productos que tienen dos filas en el nombre o que tienen etiqueta de agotado.
Recuerda que necesitamos que se queden cuatro productos por fila ya que sino se ven demasiados grandes.
Gracias
Hola,
Prueba a editar el archivo themes/Himalia/product-list.tpl. Previa copia de seguridad del mismo, cambia el código:
{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}
por:
{if $page_name !='index' && $page_name !='product'} {assign var='nbItemsPerLine' value=4} {assign var='nbItemsPerLineTablet' value=3} {assign var='nbItemsPerLineMobile' value=2} {else} {assign var='nbItemsPerLine' value=4} {assign var='nbItemsPerLineTablet' value=3} {assign var='nbItemsPerLineMobile' value=2} {/if}
Básicamente cambio el primer 3 por un 4. A continuación cambia la línea:
por esta otra: