Editar tipografía en mi tienda Prestashop(Solucionado) (Perfecta explicación de cambio de tipografía

[Guest MuyPerdida]

Me gustaría cambiar tanto la tipografía como el color de las categorias, wishlist, opciones de compra...

Nadie, se podría hacer???

Edited September 29, 2012 by MuyPerdida
Editado titulo del tema, para ser mas descriptivo. (see edit history)

[nadie]

Me gustaría cambiar tanto la tipografía como el color de las categorias, wishlist, opciones de compra...

Nadie, se podría hacer???

 

Revisa estos videotutoriales:

 

http://www.prestasho...-nuevos-themes/

 

(Te ayudara a modificar los colores, y otras cosas de tu plantilla)

[Guest MuyPerdida]

Muchisimas gracias por el vídea, mañana voy a poner en práctica algunas cosas. Como cambiar el color de las barras de categorias...pero no dice nada de la tipografia

[nadie]

Muchisimas gracias por el vídea, mañana voy a poner en práctica algunas cosas. Como cambiar el color de las barras de categorias...pero no dice nada de la tipografia

 

La tipografia puedes probar cambiarla con font-family en la parte de css correspondiente.

 

http://www.w3schools...font-family.asp

[nadie]

Si quieres tipografías especiales, "fuera de lo normal" te recomiendo seguir esta guía: http://victor-rodenas.com/2012/08/06/utilizar-fuentes-de-google-font-en-prestashop/ (Utilizar Google font en Prestashop)

[Guest MuyPerdida]

y en que carpeta tendría que pegar el código?

[nadie]

y en que carpeta tendría que pegar el código?

Depende de donde quieras cambiar la tipografia, si por ejemplo es en los enlaces del bloque lateral de categorías de tu pagina:

 

http://blancaspina.com/tienda/es/5-camisas

 

Fichero:

 

/themes/ATR089-WomenFashionblackps1.4/css/modules/blockcategories/blockcategories.css

 

Buscas esto:

 

#categories_block_left .tree li {
border: none;
padding-top: 5px;
padding-left: 15px;
background: none;
margin-left: 0;
font-weight: bold;
font-size: 13px;
line-height: 13px;
}

 

Y lo dejas asi:

 

#categories_block_left .tree li {
border: none;
padding-top: 5px;
padding-left: 15px;
background: none;
margin-left: 0;
font-weight: bold;
font-size: 13px;
line-height: 13px;
font-family: arial;
}

 

He puesto arial por poner una fuente... distinta de tipografia.. ya seria cuestion tuya investigar... que fuente queda mejor.

[Guest MuyPerdida]

perfecto!!!! una última pregunta con este tema, como puedo cambiar la tipografia de las palabras "categorias", Wishlist, información... en que carpetas debería ir cambiando las cosas??

[nadie]

perfecto!!!! una última pregunta con este tema, como puedo cambiar la tipografia de las palabras "categorias", Wishlist, información... en que carpetas debería ir cambiando las cosas??

 

Si quieres cambiar la tipografia de todos los titulos de los bloques del lateral, ve al fichero:

 

/themes/mimishop/css/global.css

 

Y busca esto:

 

div.block h4 {
text-transform: uppercase;
font-family: georgia,"times new roman";
font-weight: bold;
font-size: 1.1em;
padding-left: 1.6em;
padding-top: 5px;
line-height: 2.4em;
color: #484848;
height: 42px;
background: transparent url('../img/block_header.png') repeat-x scroll left top;
}

[Guest MuyPerdida]

No eso ya no me funciona (lo he puesto entre comillas y sin ellas)

 

div.block h4 {

text-transform: uppercase;

font-family: Lucida Handwriting;

font-weight: bold;

font-size: 1.2em;

padding-left: 0.5em;

border-bottom: 1px solid #595A5E;

padding-top: 2px;

line-height: 1.3em;

color: #374853;

height: 19px;

background: transparent url('../img/block_header.png') no-repeat top left

[nadie]

Ya.... no te funciona, por que te tienes que cargar esto:

 

div.block h4 {
border-bottom: 1px dotted black;
text-transform: uppercase;
font-family: Helvetica, Sans-Serif;
font-weight: bold;
font-size: 1.1em;
padding-left: 0.5em;
padding-top: 6px;
line-height: 1.3em;
color: black;
height: 20px;
background: #E0E0E0;
}

 

de

 

/themes/ATR089-WomenFashionblackps1.4/css/modules/blockspecials/blockspecials.css

 

Y dejar lo que has puesto antes en el global.css como lo tienes.

[Guest MuyPerdida]

pues me sigue sin salir nada. Y eliminado lo que comentas del fichero...no sé que puede estar pasando

[nadie]

pues me sigue sin salir nada. Y eliminado lo que comentas del fichero...no sé que puede estar pasando

 

Es que ahora no has cambiado la fuente..

 

En el global.css de tu plantilla veo esto (font-family: Helvetica, Sans-Serif;)

: (que es la fuente originalmente que llevaba el css de tu plantilla hay para los h4 de los bloques, cambiala)

 

div.block h4 {
border-bottom: 1px dotted black;
text-transform: uppercase;
font-family: Helvetica, Sans-Serif;
font-weight: bold;
font-size: 1.1em;
padding-left: 0.5em;
padding-top: 6px;
line-height: 1.3em;
color: black;
height: 20px;
background: #E0E0E0;
}

 

Pon otra fuente )

[Guest MuyPerdida]

No, tengo puesto esto:

 

div.block h4 {

text-transform: uppercase;

font-family: Vijaya;

font-weight: bold;

font-size: 1.2em;

padding-left: 0.5em;

border-bottom: 1px solid #595A5E;

 

En /public_html/tienda/themes/prestashop/css , global.css

 

Estamos mirando carpetas distintas?

[nadie]

No, tengo puesto esto:

 

div.block h4 {

text-transform: uppercase;

font-family: Vijaya;

font-weight: bold;

font-size: 1.2em;

padding-left: 0.5em;

border-bottom: 1px solid #595A5E;

 

En /public_html/tienda/themes/prestashop/css , global.css

 

Estamos mirando carpetas distintas?

 

Yo veo en tu fichero:

 

http://blancaspina.com/tienda/themes/ATR089-WomenFashionblackps1.4/css/global.css

 

Esto:

 

div.block h4 {
   border-bottom: 1px dotted #000000;
text-transform: uppercase;
font-family: Helvetica, Sans-Serif;
font-weight: bold;
font-size: 1.1em;
padding-left: 0.5em;
padding-top: 6px;
line-height: 1.3em;
color: #000000;
height: 20px;
background: #E0E0E0
}

[Guest MuyPerdida]

Si, estaba mirando en otra carpeta. Gracias.

 

Una ultimisima pregunta, me puedes decir en que carpetas puedo encontrar (tb para cambio de tipografia): el nombre del artículo (tanto el que viene en el recuadro principal, como en el descriptivo) y las categorias y descriptivo de Información (Envios y Devoluciones, Anulaciones...)

 

La última de verdad!!! Mil GRACIAS!!!

[nadie]

Si, estaba mirando en otra carpeta. Gracias.

 

Una ultimisima pregunta, me puedes decir en que carpetas puedo encontrar (tb para cambio de tipografia): el nombre del artículo (tanto el que viene en el recuadro principal, como en el descriptivo)

 

¿Te refieres en la ficha del producto: http://blancaspina.com/tienda/es/camisas/20-blusa-cuadros-vichy-azul.html ?

[Guest MuyPerdida]

Si

[nadie]

Titulo Producto

 

Fichero:

 

/themes/ATR089-WomenFashionblackps1.4/css/product.css

 

Añade esto:

 

#product h1 {
font-family: "fuente";
}

 

Descripción pequeña y grande del producto, lo puedes cambiar en el back-office en la ficha del producto.

[nadie]

O si quieres cambiar la tipografia de la descripción "corta" del producto directamente desde el css..

 

Fichero:

 

/themes/ATR089-WomenFashionblackps1.4/css/product.css

 

Busca esto:

 

#primary_block #short_description_block {
background: white;
border: 1px black solid;
padding: 0.7em;
margin-bottom: 1.5em;
}

 

Y añade el font-family hay..

[nadie]

Si quieres cambiar la tipografia de la "descripción" grande en el css..

 

Fichero:

 

/themes/ATR089-WomenFashionblackps1.4/css/product.css

 

#idTab1 {
font-family: "fuente";
}

[nadie]

¿Te vale eso para la ficha del producto? o ¿no?

[Guest MuyPerdida]

y lo último que te comentaba de las categorias y descriptivo de Información (Envios y Devoluciones, Anulaciones...)

[nadie]

descriptivo de Información (Envios y Devoluciones, Anulaciones...)

 

Con el descriptivo de "Información", te refieres a el contenido en si.

 

Ejemplo:

 

http://blancaspina.com/tienda/es/content/2-anulaciones

 

(Pregunto)

[Guest MuyPerdida]

Si

[nadie]

Si

 

En la pestaña Herramientas -> CMS del panel de administración de tu tienda puedes editar esos contenidos, y puedes modificar la tipografia sin problema..

[nadie]

¿O quieres cambiarse la de forma genérica a todos los contenidos que tienes creados en la pestaña Herramientas -> CMS del panel de administración de su tienda?

[Guest MuyPerdida]

No, lo que quiero es cambiar la tipografia de lo que esta debajo de Información en la columna de la derecha (encima de las redes sociales, envios, devoluciones, ley de proteccion....)

[nadie]

No, lo que quiero es cambiar la tipografia de lo que esta debajo de Información en la columna de la derecha (encima de las redes sociales, envios, devoluciones, ley de proteccion....)

 

Añade esto:

 

#informations_block_left_1 ul li {
font-family: "fuentes";
}

 

En el fichero:

 

/themes/ATR089-WomenFashionblackps1.4/css/modules/blockcms/blockcms.css

[Guest MuyPerdida]

No, eso no tengo

 

Tengo

 

#footer .block_various_links { list-style: none }

#footer .block_various_links li a { text-decoration: none }

#footer .block_various_links li {

display: inline;

border-left: 1px solid #888;

padding: 0 2px 0 4px

}

#footer .block_various_links li.first_item {

border: none;

font-family: "Lucida Handwriting";

padding-left: 0

}

/* Block CMS links */

.informations_block_left .block_content { padding-top: 3px }

[nadie]

No, eso no tengo

 

Tengo

 

#footer .block_various_links { list-style: none }

#footer .block_various_links li a { text-decoration: none }

#footer .block_various_links li {

display: inline;

border-left: 1px solid #888;

padding: 0 2px 0 4px

}

#footer .block_various_links li.first_item {

border: none;

font-family: "Lucida Handwriting";

padding-left: 0

}

/* Block CMS links */

.informations_block_left .block_content { padding-top: 3px }

 

He comentado que lo añadas al fichero )

[Guest MuyPerdida]

Genial!!!! lo estaba poniendo en medio y es al final!!!!

 

Mil millones de gracias!!!!

 

Me has ayudado muchisimo, sobre todo con este ultimo tema.

 

Que envidia de conocimientos!!!

 

Muchas gracias, saludos!!!!

[nadie]

Genial!!!! lo estaba poniendo en medio y es al final!!!!

 

Mil millones de gracias!!!!

 

Me has ayudado muchisimo, sobre todo con este ultimo tema.

 

Que envidia de conocimientos!!!

 

Muchas gracias, saludos!!!!

Un placer ayudarte y servirte!

 

Un saludo y recuerda que estaremos en el foro, para guiarte por este mundo oscuro y tenebroso.