Notification Toast

Ce que fait cette section

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.

Où elle se place

• Utilisable au maximum 1 fois sur une page.
• Cette section est incluse dans toutes les formules — aucun plugin requis.

Styles

Différentes apparences pour la même section. Vous pouvez changer de style plus tard ; votre contenu est conservé.

Les 2 premiers styles de chaque section sont ouverts sur toutes les boutiques. Les suivants se débloquent avec le plugin Éditeur de pages, tous en même temps.

• Classic

  Gratuitclassic

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

  Propres à ce style: 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

  Gratuitminimal

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

  Propres à ce style: 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

  Éditeur de pagespill

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

  Propres à ce style: 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

  Éditeur de pagesbold

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

  Propres à ce style: 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

  Éditeur de pagesfloating

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

  Propres à ce style: 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

  Éditeur de pagesbanner

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

  Propres à ce style: position, animationType, autoDismissMs, maxToasts, showIcon, showCloseButton, successColor, successBgColor, successTitleColor, successDescColor, errorColor, errorBgColor, errorTitleColor, errorDescColor, warningColor, warningBgColor, warningTitleColor, warningDescColor, infoColor, infoBgColor, infoTitleColor, infoDescColor, bgOpacity, bgBlur