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


¿Quieres comprarlo en otro sitio?

Amazon | Casa del Libro

Mostrando entradas con la etiqueta estilo. Mostrar todas las entradas
Mostrando entradas con la etiqueta estilo. Mostrar todas las entradas

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

Cambiar la fuente en Prestashop

Para cambiar la fuente o tipo de letra utilizada en Prestashop 1.6.x por otra nueva -en este ejemplo la fuente se llama "Jotaele" :)  - hay que seguir estos pasos:


1) Copiamos en la carpeta "fonts", el archivo de fuente que queremos utilizar:



2) Editamos el archivo global.css del theme o plantilla que estemos usando:

2.1 Incluimos la referencia a la nueva fuente disponible


2.2. Aplicamos la fuente al estilo deseado (en el ejemplo de abajo al "body"):