Como cambiar un banner en PrestaShop (Warehouse)

Estimated reading: 3 minutes 372 views

Añadir y Quitar un Banner en PrestaShop con el Theme Warehouse

A. Cómo Añadir un Banner

1. Accede al Constructor

  • Desde el Back Office, ve a Diseño > Constructor de páginas (IQITElementor).
  • Elige la página o hook donde quieres añadir el banner (por ejemplo: Home, Top Column, etc.).

Haz clic sobre el nombre Homepage layout #1

2. Edita la Página

  • Haz clic en Editar en la sección deseada.

3. Añade un Widget de Banner

  • Dentro del editor visual:
    • Pulsa el botón + para añadir un nuevo elemento.
    • Busca en el panel de widgets: Imagen o Banner (algunos themes Warehouse renombraron «Image» como «Banner»).
    • Arrastra el widget de Imagen/Banner a donde quieras colocarlo.

4. Configura el Banner

En el panel izquierdo:

  • Selecciona la Imagen que quieres usar.
  • Introduce la URL de destino si quieres que sea clicable.
  • Agrega el texto alternativo para SEO.
  • Puedes ajustar también:
    • Alineación.
    • Espaciado/márgenes.
    • Efectos de animación (opcional).

5. Guarda los Cambios

  • Pulsa Save

¡El banner aparecerá en tu tienda inmediatamente!


B. Cómo Quitar un Banner

1. Entra en la Página Correspondiente

  • Ve a Apariencia > Constructor de páginas (IQITElementor).
  • Edita la página donde se encuentra el banner.

2. Localiza el Banner

  • Encuentra el widget de Imagen o Banner que quieres eliminar.

3. Elimina el Widget

  • Haz clic derecho sobre el banner.
  • Selecciona Eliminar.
  • Alternativamente, puedes simplemente desactivarlo si quieres conservarlo para más adelante.

4. Guarda los Cambios

  • Pulsa en Guardar o Publicar para actualizar la página.

C. Cómo Cambiar un Banner por Otro

Si quieres reemplazar un banner ya existente sin eliminarlo completamente:

1. Accede al Constructor de Páginas

  • Entra a Apariencia > Constructor de páginas (IQITElementor).
  • Abre la página donde se encuentra el banner actual.

2. Edita el Banner Existente

  • Haz clic directamente sobre el banner o haz clic derecho y selecciona Editar imagen.

3. Cambia la Imagen

En el panel izquierdo:

  • Pulsa en la imagen actual para abrir la biblioteca de archivos.
  • Selecciona una nueva imagen del gestor de archivos o sube una nueva desde tu ordenador.

4. Actualiza la URL de destino (opcional)

  • Si el nuevo banner debe llevar a una página distinta, cambia también el enlace URL.

5. Guarda los Cambios

  • Haz clic en Guardar o Actualizar para aplicar el cambio en la tienda.

Notas Especiales para Warehouse:

  • Responsive: Warehouse te permite adaptar banners para móviles y escritorio por separado. Asegúrate de probarlo en ambos dispositivos antes de publicar.
  • Caché: Si tu tienda usa sistema de caché (como Smarty caché), limpia caché después de hacer cambios para verlos reflejados.

SEO: Aprovecha los campos de Alt Text en las imágenes para mejorar el SEO de tu tienda.