custom/plugins/Tuerschild_2/src/Resources/views/storefront/utilities/alert.html.twig line 1

Open in your IDE?
  1. {% sw_extends '@Storefront/storefront/utilities/alert.html.twig' %}
  3. {#
  4. Global messages template
  6. https://getbootstrap.com/docs/4.3/components/alerts/
  8. *Type:
  9. The template provides an easy way to display messages in the storefront. The following types are supported:
  11. * primary
  12. * secondary
  13. * danger (red)
  14. * success (green)
  15. * warning (yellow)
  16. * info (blue)
  17. * light (white)
  18. * dark (dark gray)
  20.     {% sw_include '@Storefront/storefront/utilities/alert.html.twig' with {
  21.         type:"primary",
  22.         content:"Primary Lorem ipsum dolor"
  23.     } %}
  25. *Icons:
  26. Icons are shown by default. To hide the icon within the alert, set the value of "icon" to false:
  28.     {% sw_include '@Storefront/storefront/utilities/alert.html.twig' with {
  29.         type:"primary",
  30.         content:"Primary Lorem ipsum dolor",
  31.         icon: false
  32.     } %}
  34. *Message Content:
  35. The component requires the parameters ```content``` or ```list``` to display a message. If no ```type``` is defined it
  36. will use the fallback option (success).
  38.     {% sw_include '@Storefront/storefront/utilities/alert.html.twig' with {
  39.         type:"primary",
  40.         content:"Primary Lorem ipsum dolor"
  41.     } %}
  43. *Message List:
  44. If you need to display a bunch of messages (for example error messages in the registration), you can pass an array
  45. of messages to the template using the parameter ```list```:
  47.      {% set list1 = [
  48.         'Error message 1',
  49.         'Error message 2',
  50.         'Error message 3'
  51.     ] %}
  53.     {% sw_include '@Storefront/storefront/utilities/alert.html.twig' with {
  54.         type:"secondary",
  55.         list: list1
  56.     } %}
  58. *Heading:
  59. To display a heading, use "heading".
  61.     {% sw_include '@Storefront/storefront/utilities/alert.html.twig' with {
  62.         type:"primary",
  63.         content:"Primary Lorem ipsum dolor",
  64.         heading: "Test Heading"
  65.     } %}
  67. *Dismissible Button:
  68. To display a dismissible button set the value of "dismissible" to true.
  70.     {% sw_include '@Storefront/storefront/utilities/alert.html.twig' with {
  71.         type:"primary",
  72.         content:"Primary Lorem ipsum dolor",
  73.         dismissible: true
  74.     } %}
  76. #}
  78.         {% block utilities_alert_icon %}
  79.             {% if icon != "false" %}
  80.                 {% if type == "danger" %}
  81.                     {% sw_icon 'blocked' %}
  82.                 {% elseif type == "warning" %}
  83.                     {% sw_icon 'warning' %}
  84.                 {% elseif type == "info" %}
  85.                     {% sw_icon 'info' %}
  86.                 {% elseif type == "success" %}
  87.                     {% sw_icon 'checkmark' style {
  88.                         'namespace': 'Tuerschild_2',
  89.                     } %}                {% else %}
  90.                     {% sw_icon 'alert' %}
  91.                 {% endif %}
  92.             {% endif %}
  93.         {% endblock %}