Descuadre en los pr...
 
Avisos
Vaciar todo

Descuadre en los productos

6 Respuestas
3 Usuarios
0 Reactions
974 Visitas
Respuestas: 154
Estimable Member
Topic starter
 

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


 
Respondido : 08/02/2016 12:35 am
Rafael
Respuestas: 1975
Miembro
 

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


 
Respondido : 08/02/2016 9:47 am
Respuestas: 154
Estimable Member
Topic starter
 

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


 
Respondido : 08/02/2016 11:48 am
Pablo Velasco
Respuestas: 20382
Illustrious Member
 

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.


 
Respondido : 08/02/2016 3:08 pm
Respuestas: 154
Estimable Member
Topic starter
 

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


 
Respondido : 08/02/2016 3:21 pm
Pablo Velasco
Respuestas: 20382
Illustrious Member
 

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:

  • ($smarty.foreach.products.total - $totModulo)} last-line{/if}{if $smarty.foreach.products.iteration%$nbItemsPerLineTablet == 0} last-item-of-tablet-line{elseif $smarty.foreach.products.iteration%$nbItemsPerLineTablet == 1} first-item-of-tablet-line{/if}{if $smarty.foreach.products.iteration%$nbItemsPerLineMobile == 0} last-item-of-mobile-line{elseif $smarty.foreach.products.iteration%$nbItemsPerLineMobile == 1} first-item-of-mobile-line{/if}{if $smarty.foreach.products.iteration > ($smarty.foreach.products.total - $totModuloMobile)} last-mobile-line{/if}">
  • por esta otra:

  • ($smarty.foreach.products.total - $totModulo)} last-line{/if}{if $smarty.foreach.products.iteration%$nbItemsPerLineTablet == 0} last-item-of-tablet-line{elseif $smarty.foreach.products.iteration%$nbItemsPerLineTablet == 1} first-item-of-tablet-line{/if}{if $smarty.foreach.products.iteration%$nbItemsPerLineMobile == 0} last-item-of-mobile-line{elseif $smarty.foreach.products.iteration%$nbItemsPerLineMobile == 1} first-item-of-mobile-line{/if}{if $smarty.foreach.products.iteration > ($smarty.foreach.products.total - $totModuloMobile)} last-mobile-line{/if}">

  •  
    Respondido : 08/02/2016 3:37 pm