Necesitas mi libro "Claves para abrir una tienda online y que venda" y lo sabes...


¿Quieres comprarlo en otro sitio?

Amazon | Casa del Libro

Alinear productos con tamaños distintos de título

Si los títulos de los artículos de tu tienda son muy diferentes en longitud, ocupando de 1 a 4 líneas en la vista cuadrícula o grid, habrás observado que se la presentación se queda descuadrada.

Para solucionar esto, en global.css de la plantilla utilizada localizar el estilo aplicado al título o nombre de artículo (ej: "product-name") y añadir:

"min-height: 75px; height: 75px;"

Ejemplo:

ul.product_list.grid li.ajax_block_product h5.product-name{float: left;margin: 0;text-align: left; min-height: 75px; height: 75px; }



ANTES

DESPUÉS

No hay comentarios:

Publicar un comentario