Descuadre en los productos  

 
Alejandro Esteban
 Alejandro Esteban
Estimable Member

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

Citar
Respondido : 08/02/2016 12:35 am
Rafael
 Rafael
Miembro Moderator

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

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

ResponderCitar
Respondido : 08/02/2016 9:47 am

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

Alejandro Esteban
 Alejandro Esteban
Estimable Member

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

ResponderCitar
Respondido : 08/02/2016 11:48 am
Pablo Velasco
 Pablo Velasco
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.

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

ResponderCitar
Respondido : 08/02/2016 3:08 pm

Cursos Gratuitos WordPress

Alejandro Esteban
 Alejandro Esteban
Estimable Member

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

ResponderCitar
Respondido : 08/02/2016 3:21 pm
Pablo Velasco
 Pablo Velasco
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}">
  • Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
    Enviar Testimonio
    ¡Gracias!.

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

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

    Por favor Iniciar Sesión o Registro