Notification Toast

Qué hace esta sección

Controls the visual style and behavior of all toast notifications across the store (add-to-cart, errors, success messages, etc.). Configured via the Global Layout Editor.

Dónde se coloca

• Se puede usar como máximo 1 vez/veces en una página.
• Esta sección está en todos los planes: no necesita ningún complemento.

Estilos

Distintos aspectos para la misma sección. Puedes cambiar el estilo más tarde; tu contenido se mantiene.

Los primeros 2 estilos de cada sección están abiertos en todas las tiendas. El resto se desbloquea con el complemento Editor de páginas, todos a la vez.

• Classic

  Gratisclassic

  Rounded card with icon on the left, title and description, subtle border and shadow

  Propios de este estilo: position, animationType, autoDismissMs, maxToasts, showIcon, showCloseButton, successColor, successBgColor, successTitleColor, successDescColor, errorColor, errorBgColor, errorTitleColor, errorDescColor, warningColor, warningBgColor, warningTitleColor, warningDescColor, infoColor, infoBgColor, infoTitleColor, infoDescColor, bgOpacity, bgBlur

• Minimal

  Gratisminimal

  Clean look with a colored left-border accent strip, no icon container

  Propios de este estilo: position, animationType, autoDismissMs, maxToasts, showIcon, showCloseButton, successColor, successBgColor, successTitleColor, successDescColor, errorColor, errorBgColor, errorTitleColor, errorDescColor, warningColor, warningBgColor, warningTitleColor, warningDescColor, infoColor, infoBgColor, infoTitleColor, infoDescColor, bgOpacity, bgBlur

• Pill

  Editor de páginaspill

  Compact pill-shaped single-line toast — icon and text side by side

  Propios de este estilo: position, animationType, autoDismissMs, maxToasts, showIcon, showCloseButton, successColor, successBgColor, successTitleColor, successDescColor, errorColor, errorBgColor, errorTitleColor, errorDescColor, warningColor, warningBgColor, warningTitleColor, warningDescColor, infoColor, infoBgColor, infoTitleColor, infoDescColor, bgOpacity, bgBlur

• Bold

  Editor de páginasbold

  Large icon, high-contrast filled background, strong visual presence

  Propios de este estilo: position, animationType, autoDismissMs, maxToasts, showIcon, showCloseButton, successColor, successBgColor, successTitleColor, successDescColor, errorColor, errorBgColor, errorTitleColor, errorDescColor, warningColor, warningBgColor, warningTitleColor, warningDescColor, infoColor, infoBgColor, infoTitleColor, infoDescColor, bgOpacity, bgBlur

• Floating

  Editor de páginasfloating

  Elevated card with extra shadow and glass/backdrop-blur effect

  Propios de este estilo: position, animationType, autoDismissMs, maxToasts, showIcon, showCloseButton, successColor, successBgColor, successTitleColor, successDescColor, errorColor, errorBgColor, errorTitleColor, errorDescColor, warningColor, warningBgColor, warningTitleColor, warningDescColor, infoColor, infoBgColor, infoTitleColor, infoDescColor, bgOpacity, bgBlur

• Banner

  Editor de páginasbanner

  Full-width stripe at the top or bottom of the screen

  Propios de este estilo: position, animationType, autoDismissMs, maxToasts, showIcon, showCloseButton, successColor, successBgColor, successTitleColor, successDescColor, errorColor, errorBgColor, errorTitleColor, errorDescColor, warningColor, warningBgColor, warningTitleColor, warningDescColor, infoColor, infoBgColor, infoTitleColor, infoDescColor, bgOpacity, bgBlur