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 css. Mostrar todas las entradas
Mostrando entradas con la etiqueta css. Mostrar todas las entradas

Salto de línea en Ordenar por (Prestashop 1.7)

Con la plantilla por defecto de Prestashop 1.7.2.4, en la vista de productos de una categoría, se produce un salto de línea en la cadena "Ordenar por".

Para resolverlo, hay que quitar el "word-break:break-word;" del archivo themes/classic/assets/css/theme.css (como el archivo está comprimido, usa la función de buscar de tu editor para localizar la cadena).


Modulos del Backoffice Prestashop 1.6 sin css

¿Se muestran los módulos del backoffice sin ningún estilo, esto es, sin aplicar css? ¿has cambiado el directorio de sitio?

¿se queda el logo de Prestashop en la esquina superior izquierda cargando indefinidamente y no salen las opciones del menú de la izquierda?

Prueba a cambiar los permisos de la carpeta "js" del directorio raiz y comprobar también la carpeta "css".

En mi caso, se habían pasado con permisos "700", los cambié a 777 y listo.




Por cierto, ¿te he dicho ya que mi libro sigue de los más vendidos en Amazon?

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"):