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