Banner Image

Banner de imagen enlazable con fuentes independientes para móvil y escritorio. Las imágenes se sirven directamente desde WebDav (no desde el cartucho estático).

---

Vista previa

Sin imagen disponible aún. Añade una captura en ./img/banner-image.jpg y descomenta la línea siguiente.

---

Comportamiento

• Si link.url tiene valor, el banner completo queda envuelto en un <a> hacia esa URL.
• La imagen de escritorio (desktop) se muestra en pantallas anchas; la de móvil (mobile) en pantallas pequeñas.
• El campo alt se usa como texto alternativo de la imagen para accesibilidad y SEO.

---

Configuración

El JSON se introduce en el body del content slot de tipo HTML en Business Manager → Content Slots.

{
  "desktop": "folder/image_desktop.jpg",
  "mobile": "folder/image_mobile.jpg",
  "alt": "Descripción de la imagen",
  "link": {
    "url": "$url('Search-Show', 'cgid', 'outlet')$",
    "target": "_blank"
  }
}

---

Propiedades

Propiedad	Tipo	Obligatorio	Descripción
desktop	string	Sí	Ruta de la imagen en escritorio relativa al WebDav.
mobile	string	Sí	Ruta de la imagen en móvil relativa al WebDav.
alt	string	No	Texto alternativo de la imagen (accesibilidad y SEO).
link.url	string	No	URL de destino al hacer clic en el banner. Admite expresiones $url de SFCC.
link.target	string	No	"_self" (misma pestaña) o "_blank" (nueva pestaña).

---

Notas y consejos

Tipo de slot y plantilla

• Tipo: HTML
• Plantilla: slots/html/bannerImage.isml

Las imágenes se sirven desde WebDav

A diferencia de los content assets que usan ?$staticlink$, las rutas de imagen de este slot apuntan al WebDav de SFCC. Las imágenes deben subirse desde Business Manager → Content → WebDav y la ruta indicada en el JSON debe ser relativa a la carpeta raíz del WebDav.

No añadas ?$staticlink$ a las rutas de imagen.

Expresiones $url para los enlaces

"url": "$url('Search-Show', 'cgid', 'ID_DE_CATEGORIA')$"
"url": "$url('Product-Show', 'pid', 'ID_DE_PRODUCTO')$"
"url": "$url('Page-Show', 'cid', 'ID_DE_PAGINA')$"