How can we help?

GESTION DE BANNERS

COMO SABER CUAL ES MI TIPO DE TIENDA

Si al acceder al Backoffice de nuestra tienda como se describe en este enlace vemos esta pestaña en la barra lateral izquierda, nuestra tienda es del tipo A.

Si tu tienda no es del tipo A, abrimos el desplegable de Diseño, situado en el bloque de Personalizar en la barra lateral izquierda, para pulsar en “Tema y logotipo”

 

 

 

 

 

En la parte inferior de esta página encontramos la plantilla de nuestra tienda, es la que está marcada como “Mi tema actual”

 

 

Si la plantilla es Ecolife tu tienda es del tipo B.

Si la plantilla es Ecobella tu tienda es del tipo C



 

 BANNER TIPO A

Nota: Si no sabemos cúal es el tema de nuestra tienda, nos iremos a Diseño > tema y logotipo. En “mi tema actual” podremos ver qué tema es.

 
  • Vamos a entrar en el Backoffice de nuestra tienda

  • Arriba a la derecha le daremos a Ver mi tienda.

 







 

 
  • Al iniciar sesion en el Backoffice en la pagina se nos vera (que antes de iniciar no se veria) unos botones de color rojo para editar las 3 secciones principales de la pagina. Uno arriba “Header”, otro en el medio “body” y otro abajo del todo “footer”.

Nosotros vamos a pulsar en el del medio (justo arriba a la derecha del banner principal ) que es donde están todos los banners y bloques de imágenes:





 



 
  • Aquí podemos tener varios tipos de banners principal, uno que solo tenga una imagen en una sola caja de 1920x660px o varias cajas con diferentes banners más pequeños:

 





 

Aqui cambiamos la imagen en la sección “IMAGEN” y también podemos agregar una URL personalizada (enlace al producto, servicio, contacto etc…)





 

  

 
  • Todas las secciones de texto, botones que no vayan junto a la imagen son secciones que se pueden editar con el mismo constructor:

 

  • Al darle a editar se nos abrirá este desplegable a la izquierda, donde nos permitirá cambiar el texto. (No tocar nada más que el contenido)




 

 

Muy importante intentar siempre que las imágenes que vayamos a poner nuevas tengan un tamaño parecido al tamaño del banner existente.

 

Hay que tener en cuenta las dimensiones de la foto, la dimensión estándar en banners principales es de 1920x660px, si de lo contrario usamos un formato diferente se verá mal en la página web. Los banners más pequeños sugiero que consultemos su tamaños de la siguiente manera: 

 
Para saber el tamaño de la imagen ya puesta lo veremos de la siguiente manera:

 

Le damos click derecho encima de la imagen y le damos a Abrir imagen en una pestaña nueva:










 

Se nos abrirá la imagen en otra pestaña, le daremos click derecho en la imagen y se nos abrirá un recuadro al lado derecho de la página, para poder ver el tamaño original de la foto necesitaremos que este menú se abra en una pestaña aparte de la siguiente manera: 

 

Una vez que hayamos separado ese menu de la página de la foto haremos click en  este botón y pasaremos el cursor encima de la foto y así nos dirá que tamaño real tiene dicha foto: 

 

 BANNER TIPO B

 

Nota: Si no sabemos cúal es el tema de nuestra tienda, nos iremos a Diseño > tema y logotipo. En “mi tema actual” podremos ver qué tema es.

 
  • Vamos a entrar en el Backoffice de nuestra tienda

  • En la parte izquierda de nuestra backoffice encontraremos personalizar > módulos > gestor de módulos

 

  • Una vez dentro escribiremos la palabra (SLIDER)







 
  • Elegiremos este módulo y daremos click en configurar:

          

 
  • Para añadir un nuevo Banner pulsaremos en el símbolo de (+), que se encuentra en la parte superior derecha.

 

  

  • Nos llevará a esta ventana, en la que configuraremos el Banner que vayamos a poner


























 

 

Slider Name, pondremos dos espacios 

 

Select a File, cargaremos el archivo del  Banner

 

Target URL, pondremos el enlace del Banner

 

Enabled, que éste en verde (YES), para que éste se muestre. 

 

Con estos pasos quedaría configurado nuestro banner, habría que guardarlo y ya estaría puesto en nuestra tienda.



 

Hay que tener en cuenta las dimensiones de la foto, la dimensión estándar en banners principales es de 1920x660px, si de lo contrario usamos un formato diferente se verá mal en la página web.
Para saber el tamaño de la imagen ya puesta lo veremos de la siguiente manera:

 

Le damos click derecho encima de la imagen y le damos a Abrir imagen en una pestaña nueva:

 

 

Se nos abrirá la imagen en otra pestaña, le daremos click derecho en la imagen y se nos abrirá un recuadro al lado derecho de la página, para poder ver el tamaño original de la foto necesitaremos que este menú se abra en una pestaña aparte de la siguiente manera: 

 

 

Una vez que hayamos separado ese menu de la página de la foto haremos click en  este botón y pasaremos el cursor encima de la foto y así nos dirá que tamaño real tiene dicha foto: 

















 




 

DESACTIVAR O ELIMINAR BANNER YA PUESTOS

 

 

Para activar o desactivar los Banner, si está en (Disabled, en rojo) significa que el banner está desactivado, por el contrario si esta en (Enabled, verde) éste estará activado.

 

Para eliminarlo, bastaría con hacer click en (Eliminar)

 

BANNER CUERPO DE LA PÁGINA WEB

 

Así los vemos en el FRONT

 




 

Para acceder a los banner en el Backoffice, nos vamos a ir a Personalizar > An theme blocks 

 

 

Para crear un nuevo bloque de Banner, en la parte superior derecha, tenemos el símbolo de (+) clicamos en el

 

 

Nos aparecerán varias opciones, tenemos que clicar en statics blocks 

Ponemos un nombre y donde pone Gancho de prestashop, pondremos el Hook donde irán posicionados los Banner, normalmente van en display home

Una vez creados daremos click en el bloque que hemos creado

 

 

Una vez dentro podemos empezar con la creación de nuestra fila de banner 

 

 

Ahora pondremos el nombre, en activado que esté en verde, el enlace a donde nos llevará el banner y la imagen. 

 

 

Normalmente las medidas para poner dos Banner y que se queden alineados son 540 x 300 Px, y si son tres Banner 450 x 277 Px

 

Para modificar un bloque de Banner

 

Accederemos igual que antes Personalizar > An theme blocks 

Vamos a hacer click en el bloque que vayamos a modificar

 

 

Una vez dentro, le daremos a modificar:

 

 

 BANNER TIPO C

 

Nota: Si no sabemos cúal es el tema de nuestra tienda, nos iremos a Diseño > tema y logotipo. En “mi tema actual” podremos ver qué tema es.

 
  • Vamos a entrar en el Backoffice de nuestra tienda

  • Nos dirigimos a personalizar > AN Theme Blocks

 

 

Inmediatamente nos saldrá el siguiente panel, en él buscaremos la palabra c l 

 

 

Inmediatamente nos saldrá esta ventana, en la que podemos añadir un nuevo banner, clicando en el (+) que  se encuentra en la parte superior - derecha.

 

 

Al clicar nos saldrá la ventana donde configuraremos nuestro Banner

 

 

Title: Pondremos dos espacios

 

Enabled: Si

 

Link: Enlace del Banner

 

Image: El archivo del banner

 

Hide the Button: SI, para que se esconda el botón




 

Hay que tener en cuenta las dimensiones de la foto, la dimensión estándar en banners principales es de 1920x660px, si de lo contrario usamos un formato diferente se verá mal en la página web.
Para saber el tamaño de la imagen ya puesta lo veremos de la siguiente manera:

 

Le damos click derecho encima de la imagen y le damos a Abrir imagen en una pestaña nueva:

Se nos abrirá la imagen en otra pestaña, le daremos click derecho en la imagen y se nos abrirá un recuadro al lado derecho de la página, para poder ver el tamaño original de la foto necesitaremos que este menú se abra en una pestaña aparte de la siguiente manera: 

 






 

Una vez que hayamos separado ese menu de la página de la foto haremos click en  este botón y pasaremos el cursor encima de la foto y así nos dirá que tamaño real tiene dicha foto: 

 


 







 

Si lo que queremos es modificar los banner que tenemos actualmente, le daremos a modificar