<--  Escriba la palabra más importante de lo que quiere buscar

Hosting Tiendas Virtuales

Info

Banners 6

Ratio: 0 / 5

Inicio desactivadoInicio desactivadoInicio desactivadoInicio desactivadoInicio desactivado
 

Configuración de los banners: Top-6.

Este par de banners estáticos son complementarios del HomeSlider cuando éste se configura del modo estandar.

Se puede activar o desactivar fácilmente. Recordar que esta imagen debe tener el tamaño: 381 x 219 pixeles y en formato jpg.

En la parte inferior vera la explicación completa del procedimiento.

 

Comparta este articulo, con un click:

 

Cargar el configurador de plantilla.

El homepage de prestashop esta prediseñado con espacios fijos para encajar módulos. Estos espacios se llaman hook o Ganchos.
Para tener una vista completa del HomePage se debe cargar el módulo: "Configurador de temas".

  1. Esto se hace dando click en el Top-menu / Módulos
  2. Luego escribiendo la palabra temas en el buscador, luego da click.
  3. Dar click en el botón Configuración.

Esto cargará el setting de la plantilla para modificarle cualquier cosa que necesite. Particularmente en este caso explicaremos como modificar los banners estáticos del gancho "Home". (a la derecha del HomeSlider)

 

Cambio de los banners "hook-6"

Recordar que estas tres imagenes debe tener el tamaño: 383 x 267 pixeles y en formato jpg.

Ubicar en el panel el hook o Gancho "top". En ese espacio estan preconfiguradas dos imágenes del mismo tamaño. Se deben cargar las dos para mantener la estética del diseño de la pagina web.

Dar click en el botón Modificar de la parte derecha, esto abre las opciónes para esa imagen en particular. El procedimiento se debe repetir para las dos imagenes. Lo fundamental aquí es tener diseñadas las dos imágenes al tamaño adecuado (383 x 267)

  • De click sobre el botón: Seleccionar archivo. esto el permite navegar hasta la carpeta de tu computador donde tienes la imagen, la seleccionas con un click para cargarla, los demás campos son opcionales.
  • El Titulo de la imagen sirve para que cuando pase el mouse por ensima de la imagen (efecto over-mouse) el titulo se visualice.
  • El ancho y alto de la imagen estan preconfigurados, preferiblemente no los cambie.
  • El Objetivo de la imagen es el link o enlace a donde ira el usuario al dar click sobre la imagen.
  • Abrir en una pestaña nueva: si pone el chulito ahí, entonces abrirá una nueva ventana para mostrar el contenido del enlace.
  • Código HTML Esta opción permite embeber un script html. Solo es recomendable cuando la imagen no es lo suficientemente persuasiva, como para invitar al usuario a dar click.
  • Finalmente dar click en el botón Guardar

Este procedimiento se debe hacer para ambas imagenes.

 

RSS Temas relacionados Tiendas Prestashop