Documentos de Académico
Documentos de Profesional
Documentos de Cultura
Com Página 1 de 23
JesusHerrero.Com
INICIO FOTOGRAFÍA MÚSICA SISTEMAS VARIOS
Recibe las
0
Novedades en tu
Like
Correo
0 0 1
Más Leídos
Quitar
Me gusta 0 1 protección
HDCP y
extraer grabaciones
Se puede cambiar bastante la apariencia final de la plantilla del iPlus-ONO
por defecto que trae incluído Prestashop. Con editar unos pocos 84 Comentarios
estilos en el Global.css del theme original, podemos crear un
Error
tema personalizado a nuestro gusto. A continuación detallo los WordPress:
principales estilos para modificar. El número de línea se Las cookies
corresponde con la versión 1.3. se han bloqueado por
tener un resultado no
Editar el contenedor global de los productos destacados (línea esperado.
4 Comentarios
963):
Añadir
/* Special style for block products in center column */ enlaces en
#center_column .products_block { border: none } menu
#center_column .products_block { color: #595a5e }
http://www.jesusherrero.com/personalizar-estilos-css-en-prestashop/ 22/10/2015
Personalizar Estilos CSS en Prestashop - JesusHerrero.Com Página 2 de 23
/* product-list.tpl */
ul#product_list { margin-top: 2em; list-style-type: none }
ul#product_list li {
background: #ffffff;
border: solid 1px #d0d3d8;
padding: 6px;
min-height: 130px;
height: auto;
clear: both;
margin-bottom: 0.3em
http://www.jesusherrero.com/personalizar-estilos-css-en-prestashop/ 22/10/2015
Personalizar Estilos CSS en Prestashop - JesusHerrero.Com Página 3 de 23
{ margin: 0 0 0 -3px }
div.block .block_content {
border-left: 1px #d0d3d8;
border-right: 1px #d0d3d8;
padding: 0 0.7em;
background: #EEF3F9 url(‘../img/block_bg.jpg’) repeat-x bottom
left;
min-height: 16px
Me gusta 0 1
Like
0 0 1
Sobre el autor
JESÚS HERRERO
Inquieto, curioso y afortunado por vivir de lo que
disfruto: Nuevas Tecnologías. Analista de
Sistemas, Webmaster, Auditor, SEM, ECommerce,
formador... Me apasiona la fotografía y el Jazz.
http://www.jesusherrero.com/personalizar-estilos-css-en-prestashop/ 22/10/2015
Personalizar Estilos CSS en Prestashop - JesusHerrero.Com Página 4 de 23
Error
Añadir nuevo
WordPress: Las
grupo de
cookies se han
clientes de
bloqueado por
Prestashop a
tener un
todas las
resultado no
categorías
esperado.
64 Comentarios
PIERRE
buenas tardes, deseo poder cambiar la
apariencia del fondo de mi pagina, en vez de
19 octubre,
q sea un color quiero poner una imagen o
2010 una foto en fondo de pantalla…como puedo
hacer eso, cuales son los pasos a seguir??
gracias
Autor
JESÚS HERRERO
Hola Pierre.
Por lo que veo, tu página está hecha con
20 octubre,
Prestashop. Para cambiar el fondo de una
2010 página de Prestashop, has de editar el CSS del
“theme” o plantilla que estés utilizando. Se
encuentra en themes/nombredetutheme/css.
Una vez dentro, busca el fondo de cada una
de las secciones que quieras cambiar el
fondo (header, footer, body…).
Recuerda hacer siempre una copia de
seguridad antes de tocar nada…
Suerte!
http://www.jesusherrero.com/personalizar-estilos-css-en-prestashop/ 22/10/2015
Personalizar Estilos CSS en Prestashop - JesusHerrero.Com Página 5 de 23
BLAS
Hola Jesús,
Estoy elaborando una web en Prestashop y
23 diciembre,
me gustaría saber como hacer para poder
2010
tener varios css y que según una serie de
condiciones se ejecute uno u otro.
Gracias.
Autor
JESÚS HERRERO
Interesante. Nunca me lo había planteado.
Supongo que habrá que editar uno a uno los
23 diciembre,
tpl que quieras alternar con otro CSS… No
2010 sé…
KIKE
Hola Jesus, quisiera modificar el espacio que
queda entre los bloques y el borde de pagina
12 febrero,
pero no doy con la tecla adecuada.
2011
A ver si me puedes echar una mano.
la direccion jmtiendaonline.com
Saludos y gracias
MIOMIOPARAMI
Es lo mismo para prestashop 1.4?
26 marzo,
2011
Autor
JESÚS HERRERO
No lo se.
Todavía no he actualizado…
http://www.jesusherrero.com/personalizar-estilos-css-en-prestashop/ 22/10/2015
Personalizar Estilos CSS en Prestashop - JesusHerrero.Com Página 6 de 23
30 marzo,
2011
WASHINGTON
Hola amigo, queria consultarte si sabes como
puedo cambiar la moneda de los productos,
30 marzo,
de €(euros) a $(pesos), ya que creo que tengo
2011 que modificar el codigo y no encuentro
donde esta. desde ya muchisimas gracias
Autor
JESÚS HERRERO
Creo que en el backend hay un módulo para
cambiar la moneda, sin tener que tocar
30 marzo,
código…
2011
MARIANO
wenass tengoo los dos laterales puestos con
imagenes pero en el centro no tengo ningun
5 abril, 2011
color megustaria poner en la cavezeraa algun
color ¿komo lo aria sin tocar las imajenes de
los lados?y en ke carpeta lo aria? (prestasohp)
saludos
TATOMANRASAN
quiero añadir un div cambiando el header.tpl
y la versión 1.4 no deja. he leido que hay que
7 abril, 2011
cambiar primero algo del backoffice, sabes
que hay que cambiar?
Autor
JESÚS HERRERO
Todavía no he probado la 1.4…
http://www.jesusherrero.com/personalizar-estilos-css-en-prestashop/ 22/10/2015
Personalizar Estilos CSS en Prestashop - JesusHerrero.Com Página 7 de 23
8 abril, 2011
MIOMIOPARAMI
jejeje todos te preguntamos por la version 1.4
8 abril, 2011
VAMPIRITO
Hola!!!
IRATXE
Hola,
Gracias por tu tutorial. Solo tengo una duda,
20
¿Desde donde hago estos cambios? ¿desde
septiembre, mi unidad c?¿con dreamweaber?
2011
Gracias.
Autor
JESÚS HERRERO
Has de hacerlo en el fichero CSS de tu web.
Para ello descárgate el CSS y edçitalo en local
3 octubre,
con un editor, bloc de notas, Dreamweaver…
2011
IRATXE
http://www.jesusherrero.com/personalizar-estilos-css-en-prestashop/ 22/10/2015
Personalizar Estilos CSS en Prestashop - JesusHerrero.Com Página 8 de 23
10 octubre, Hola!!!
2011 Que bien que haya gente como tu dispuesta a
ayudar a los que estamos más que perdidos
como yo.
{$HOOK_TOP}
Autor
JESÚS HERRERO
Hola.
Si es un logo en PNG, una de dos: o bien tiene
10 octubre,
el fondo blanco, o bien tiene el fondo
2011 trasparente y la página en blanco. Ante ello,
se vería en blanco.
No obstante, si has comprado el template, no
dudes en pedir ayuda al soporte de la
plantilla. Ellos son expertos en dicho diseño y
seguro que pueden ayudarte mejor que otra
persona. Yo he solicitado en varias ocasiones
ayuda a los foros oficiales de las plantillas, y
el trato y respuesta siemrpe ha sido
excelente. Suerte!!
IRATXE
Gracias Jesús. He quitado el fondo blanco
que lo tenía oculto pero era blanco y lo he
26 octubre,
guardado otra vez en png.
2011
El resultado es el mismo. He pedido ayuda al
soporte tecnico pero no me dan una
http://www.jesusherrero.com/personalizar-estilos-css-en-prestashop/ 22/10/2015
Personalizar Estilos CSS en Prestashop - JesusHerrero.Com Página 9 de 23
Un saludo, iratxe.
IRATXE
Lo encontré!!!!!
Autor
JESÚS HERRERO
Vaya!! Fallo mío… Daba por hecho que tenías
activado el ‘forzar la compilación’…
26 octubre,
Lo siento. Una vez que hayas visto que
2011 funciona, vuelve a deshabilitarlo.
Solo se habilita para estos casos de
desarrollo. Tras ello, no tiene sentido tenerlo
activado ya que ralentiza mucho la carga de
la página al tener que compilar cada tpl en
cada solicitud.
Me alegro de que lo hayas logrado.
http://www.jesusherrero.com/personalizar-estilos-css-en-prestashop/ 22/10/2015
Personalizar Estilos CSS en Prestashop - JesusHerrero.Com Página 10 de 23
MANUEL
Hola compañero lo primero es felicitarte por
el tiempo que le dedicas a este tema, bueno
31 octubre,
al grano mi pregunta es como puedo colocar
2011
una imagen gif que me separe la parte
superior de la de columnas
Tengo el tema que viene por defecto. y no se
en que archivo esta
Autor
JESÚS HERRERO
Hummm… Buena pregunta. Nunca me lo
había planteado…
1 noviembre,
Imagino que en el header.tpl o bien en el
2011 style.css.
LOMAGNO
Buenas, me preguntaba si sabrías ayudarme
porque estoy intentando modificar el
4 noviembre,
template original de prestashop de 3
2011 columnas a 2 columnas, pero no encuentro
la forma de hacerlo. Sabrías decirme cómo?
Gracias.
XAVI
Hola Jesus, quiera hacerte dos preguntas, 1º-
quiero cambiar el color de fondo de mi
8 noviembre,
tienda, no el fondo de pantalla, si no el fondo
2011 que incluye los bloques el logo, los productos
testacados etc.
Y la segunda como haga para cambiar el
color de los titulos de los bloques, como ser:
Categorias informacion etc… gracias por la
manos que nos das
http://www.jesusherrero.com/personalizar-estilos-css-en-prestashop/ 22/10/2015
Personalizar Estilos CSS en Prestashop - JesusHerrero.Com Página 11 de 23
IÑAKI
Hola, me podrian decir que programa o
8 noviembre, aplicacion usais para poder hacer los
2011 cambios de diseño de los css.. gracias
Autor
JESÚS HERRERO
Notepad y, a veces, dreamweaver.
20 noviembre,
2011
WEBASTURIAS
Hola!
Un Saludo
JUNYO
Buenas a todos, bueno he estado mirando
por el foro y probando sin éxito unas
2 diciembre,
modificaciones que quiero realizar en un
2011 témplate que he comprado recientemente
Electronics lo pueden ver en
http://livedemo00.template-
help.com/prestashop_34918/ y pido alguna
ayuda que es bien recibida.
http://www.jesusherrero.com/personalizar-estilos-css-en-prestashop/ 22/10/2015
Personalizar Estilos CSS en Prestashop - JesusHerrero.Com Página 12 de 23
Gracias…
JESUS VALENZUELA
Que tal Jesus, quisiera saber en que direccion
encuentro la imagen del favicon por defecto
9 febrero,
de prestashop para poder cambiarla, quiza tu
2012 puedas ayudarme? gracias de antemano.
Autor
JESÚS HERRERO
En los ajustes, preferencias, diseño,
temas/plantillas.
15 febrero,
2012
LISA
Hola Jesús! Soy nueva con esto del
Prestashop. Me he instalado la tienda y estoy
22 febrero,
empezando a hacer cambios, añadir
2012 productos, fotos… Quiero cambiar el color del
fondo. Gracias a tu web sé que tengo que
modificar el código ccs pero he leído por ahí
que antes de modificar nada en el original
hay que hacer una copia, ya que si se
modifica el original directamente luego dará
problemas a la hora de actualizar la versión
http://www.jesusherrero.com/personalizar-estilos-css-en-prestashop/ 22/10/2015
Personalizar Estilos CSS en Prestashop - JesusHerrero.Com Página 13 de 23
Autor
JESÚS HERRERO
El fondo se modifica en el CSS de tu theme o
template. EN la plantilla, vamos. Para hacer
22 febrero,
una copia de seguridad de la misma, acceder
2012 por FTP y copia el directorio de tu plantilla,
que está dentro de \themes.
Suerte!
JAVIER
Hola Jesus, queria preguntarte como puedo
hacer para cambiar el aspecto de un block?,
24 febrero,
es decir tengo un blor cuadrado con un
2012 encabezado en gris y unas listas que cierrar
el cuadro y quiero poner otro que es un
dibujo.. espero haberme explicado bien,
gracias
JORGE
Gracias de antemano.
En la plantilla MATRICE de Prestashop, hay
27 febrero,
cuatro textos aleatorios en la página de inicio
2012 (“…Lorem Ipsum…”). Quiero cambiar el texto,
pero no lo consigo ni por Front Office, Back
Office ni FTP.
Sin este cambio no puedo lanzar la web, y
llevo varios días sin conseguirlo.
saludos
http://www.jesusherrero.com/personalizar-estilos-css-en-prestashop/ 22/10/2015
Personalizar Estilos CSS en Prestashop - JesusHerrero.Com Página 14 de 23
Autor
JESÚS HERRERO
Editando el CSS de ese template… Pero lo
palicará sobre todos los bloques. Tendrías
1 marzo, 2012
que aplicarlo sobre el CSS de ese módulo.
Suerte.
Autor
JESÚS HERRERO
He accedido a tu sitio y no veo esos textos de
ejemplo… Imagino que ya lo has logrado…
1 marzo, 2012
GERMAN
Hola Jesus estoy intentando cambiar el color
de precios de este theme001 pero no puedo
4 marzo, 2012
entre al ccs.global y a Special style for block
products in center column pero no lo
encuentro alli . He logrado cambiar las
etiquetas que ahora dicen en el
homefeatured +info agregar pero se ven en
blanco y se transparentes en el fondo actual
que es celeste y me gustaria que al menos
esta apareciera en negro . Tendrias una idea
donde debo tocar el ccs de mi theme?
Gracias de antemano . German
FRANCISCO
HOLA QUE TAL? TENGO UNA PREGUNTA A VER
SI TU ME PUEDES AYUDAR… Y BUENO ANTES DE
5 marzo, 2012
NADA FELICITARTE POR ESTA LABOR TAN BUENA
QUE ESTAS HACIENDO… NECESITO COPIAR LA
BASE DE DATOS DE MI TIENDA A OTRA TIENDA
TAMBIEN EN PRESTASHOP… PERO NO SE COMO
HACERLO… NECESITO PASAR LA BASE DE
DATOS PERO SIN CAMBIAR EL ASPECTO DE LA
OTRO TIENDA, ES DECIR QUE LUEGO AGREGO
PRODUCTOS EN UNA Y COPIO LA BASE DE
http://www.jesusherrero.com/personalizar-estilos-css-en-prestashop/ 22/10/2015
Personalizar Estilos CSS en Prestashop - JesusHerrero.Com Página 15 de 23
DIEGO
Buenas me he pegado 12 horas intentando
cambiar el logo de la tienda a un png
12 abril, 2012
transparente, he hecho de todo, modificar el
header.tpl, un tutorial que he visto por varias
webs de modificar cambiando unas lineas de
codigo en img-header.php con un gif
transparente… mil cosas, modulos que lo
hacen automaticamente y más cosas, me he
vuelto loco, seguia transformando a jpg… al
final llegue aquí y la solucion la lei de IRATXE:
ella comenta “Gracias Jesús. He quitado el
fondo blanco que lo tenía oculto pero era
blanco y lo he guardado otra vez en png.
El resultado es el mismo. He pedido ayuda al
soporte tecnico pero no me dan una
respuesta que me sirva. Me piden mi ftp y yo
no tengo así que, no nos entendemos.
Gracias de todas formas. Resultas de gran
ayuda.
Un saludo, iratxe.”
Y FUNCIONAAAAAAAAAAAAAAA!!!! millones de
gracias IRATXE!
JAVIER BARCA
Hola Jesus, ando buscando un programador
para hacer una modificación, sabes de
19 junio,
alguien que me puedas recomendar?
2012 gracias
Autor
http://www.jesusherrero.com/personalizar-estilos-css-en-prestashop/ 22/10/2015
Personalizar Estilos CSS en Prestashop - JesusHerrero.Com Página 16 de 23
JESÚS HERRERO
Mándame un correo (info @
19 junio, jesusherrero.com) -quita los espacios- y
2012
detállame qué es lo que quieres.
MARCE
hola como puedo cambiar el color rosa en la
hoja que confirma el pedido que estoy
14 julio, 2012
comprando, donde hago eso saludos y
gracias.
Marce
ANE
Hola, Jesús!
¡Gracias!
http://www.jesusherrero.com/personalizar-estilos-css-en-prestashop/ 22/10/2015
Personalizar Estilos CSS en Prestashop - JesusHerrero.Com Página 17 de 23
CRISTINA
Buenos días Jesús:
JUAN
Hola Jesús, tengo un problema y llevos dos
días liao con ello y buscando soluciones y no
27 agosto,
encuentro forma, no sé si tu me puedes
2012 echar una mano.
En la página de arriba realizada en
prestashop, he modificado el archivo
global.css, para cambiar el formato de un
boton, al hacer eso se me ha desconfigurado
la página, cuando la vi, volvi a dejar el codigo
como estaba, pero la pagina no se ha vuelto a
su forma normal, si no que sigue mal, tu
sabrias decirme que he hecho mal.
/* classic buttons */
input.button_mini,
http://www.jesusherrero.com/personalizar-estilos-css-en-prestashop/ 22/10/2015
Personalizar Estilos CSS en Prestashop - JesusHerrero.Com Página 18 de 23
input.button_mini_disabled,
input.exclusive_mini,
input.exclusive_mini_disabled, a.button_mini,
a.exclusive_mini, span.button_mini,
span.exclusive_mini {
width: 30px;
background-image: url(‘../img/button-
mini.png’)
CESAE
Solo dire una cosa
Gracias
31 agosto,
2012
ALVARO
Hola Jesus, puedo usar FileZilla para editar?
saludos
10 octubre,
2012
NELSON
Hola, estoy trabajando sobre el tema
“matrice” y me encuentro que no logro
12 octubre,
cambiar la dirección del que está en el slide
2012 de la página La he cambiado en “editorial”
pero no cambia… nla web www.
prevenshop .com
PONTXO
Hola.
http://www.jesusherrero.com/personalizar-estilos-css-en-prestashop/ 22/10/2015
Personalizar Estilos CSS en Prestashop - JesusHerrero.Com Página 19 de 23
WEB
Hola, una información muy util, a veces
personalizando una plantilla ya hecha
7 noviembre,
terminamos antes.
2012
JAMONERO76
Buenos días!
Necesito que me ayuden en una cuestion
14 mayo,
importante….hemos hecho toda la fotografia
2013 para introducirla en la tienda y resulta que
nos hemos dado cuenta que las dimensiones
de las fotos hay que afinarlas…me podriais
ayudar porfavor como puedo saber las
dimensiones de el apartado…
categorias..productos y del apartado inicio de
las fotos que se van pasando una por una.
Muchisimas gracias
Autor
JESÚS HERRERO
Hola.
En Preferencias/Imágenes tienes el tamaño
14 mayo,
de reajuste de cada imagen y su lugar
2013 correspondiente.
JAVIER
Hola Jesús quería saber en qué línea exacta
del global.css está ubicado el teléfono del
footer para poner una imagen de whastapp a
http://www.jesusherrero.com/personalizar-estilos-css-en-prestashop/ 22/10/2015
Personalizar Estilos CSS en Prestashop - JesusHerrero.Com Página 20 de 23
MIRIAM
Hola!
Gracias!!
MARIANGELES
Hola,estoy intentando sobreescribir el archivo
css, del global, pero me deja siempre el
18 marzo,
antiguo y no puedo cambiar el aspecto de mi
2014 tienda, ¿sabes porque hace eso? ¿como
puedo solucionarlo?
Muchas gracias ante todo.
http://www.jesusherrero.com/personalizar-estilos-css-en-prestashop/ 22/10/2015
Personalizar Estilos CSS en Prestashop - JesusHerrero.Com Página 21 de 23
MARIANGELES
Lo he editado con dreamweaber y lo he
subido con Fillezilla.
18 marzo,
Gracias de nuevo
2014
CLAUDIA
Hola! soy novata en el trabajo con
prestashop. Deseo inicialmente cambir el
1 abril, 2014
header de mi pagina y ajustarle algunas
propiedaddes como el ancho y el largo,
ademas deseo
completar el espacio restante del header con
color negro, por favor alguien podria
indicarme como lo hago? La pagina en la q
deseo hacer los cambios no la estoy
trabajando desde el localhost si no q esta en
un servidor. Gracias!!!
CLAUDIA
Si deseo hacer un backup del sitio para no
hacer los cambios sin guardar una traza de
1 abril, 2014
los mismos.Como lo hago? Gracias! O podrian
aconsejarme como hacer para no hacer los
cambios directamente en el sitio oficial?
Gracias!
JOSE
Y para cambiar el fondo del bloque Editor de
Texto de Página de Inicio (modulo editor)?
22 mayo,
Gracias!
2014
ELI
http://www.jesusherrero.com/personalizar-estilos-css-en-prestashop/ 22/10/2015
Personalizar Estilos CSS en Prestashop - JesusHerrero.Com Página 22 de 23
Hola Jesús,
27 agosto, Soy novata con el prestashop pero me han
2014 encargado modificar la cabecera de una web
realizada con esta plataforma, cómo puedo
editar las imágenes del carrusel o incorporar
de nuevas? Mil gracias
GERARDO MERCHAN H.
Buenos Dias Sr. Jesus , sucede que he
instalado el modulo contenbox, y lo he
20 noviembre,
posicionado , y cuando abro el front oficce, la
2014 imagen aparece, pero las medidas son muy
pequeñas, maximo 100px, y yo quiero que se
vea mas grande, por cuanto en ella he puesto
un telefono de contacto, y la verdad , no se
vè, he entrado varias veces al cpanel de mi
servidor, pero no se en que archvo se
encuentra ubicado, o si hay otra forma de
modificar los parametros, para que la imagen
se vea mas grande, le agradezco, no soy
ducho en esto, pero estoy tratando de
hacerlo. Agradezco de antemano su
colaboracion, Cordialmente, Gerardo
Autor
JESÚS HERRERO
No te puedo decir, Gerardo. lo mejor es que
consultes el soporte oficial de dicho módulo
21 noviembre,
en http://contentbox.org/
2014 Suerte.
Deja un comentario
http://www.jesusherrero.com/personalizar-estilos-css-en-prestashop/ 22/10/2015
Personalizar Estilos CSS en Prestashop - JesusHerrero.Com Página 23 de 23
Name (required)
Email (required)
Página Web
Post Comment
http://www.jesusherrero.com/personalizar-estilos-css-en-prestashop/ 22/10/2015