vendor/shopware/storefront/Resources/views/storefront/utilities/offcanvas.html.twig line 1

Open in your IDE?
  1. {#
  2. @deprecated tag:v6.5.0 - Announcement:
  3. Bootstrap v5 comes with its own OffCanvas component.
  4. This template will be adjusted to use Bootstraps OffCanvas markup.
  6. @see https://getbootstrap.com/docs/5.1/components/offcanvas
  7. #}
  9. {% set isAjaxOffcanvas = false %}
  11. {% block utilities_offcanvas_meta %}
  12. {# only including this for robots to have appropriate meta tags and when offcanvas is loaded via ajax #}
  13. {% if not app.request.xmlHttpRequest and isAjaxOffcanvas %}
  14. {% sw_include '@Storefront/storefront/layout/meta.html.twig' %}
  15. {% endif %}
  16. {% endblock %}
  18. {% block utilities_offcanvas %}
  19. {# @deprecated tag:v6.5.0 - Bootstrap v5 adds `.offcanvas-header` wrapper #}
  20. {% if feature('v6.5.0.0') %}
  21. {% block utilities_offcanvas_header %}
  22. <div class="offcanvas-header p-0">
  23. {% block utilities_offcanvas_close %}
  24. {# @deprecated tag:v6.5.0 - Bootstrap v5 will not require classes `.btn-block .sticky-top`. Only `.offcanvas-body` will be scrollable #}
  25. <button class="btn btn-light offcanvas-close js-offcanvas-close{% if not feature('v6.5.0.0') %} btn-block sticky-top{% endif %}">
  26. {% block utilities_offcanvas_close_icon %}
  27. {% sw_icon 'x' style { 'size': 'sm' } %}
  28. {% endblock %}
  30. {% block utilities_offcanvas_close_text %}
  31. {{ "general.offcanvasCloseMenu"|trans|sw_sanitize }}
  32. {% endblock %}
  33. </button>
  34. {% endblock %}
  35. </div>
  36. {% endblock %}
  37. {% else %}
  38. {{ block('utilities_offcanvas_close') }}
  39. {% endif %}
  41. {% block utilities_offcanvas_content_container %}
  42. {# @deprecated tag:v6.5.0 - Bootstrap v5 will use class `.offcanvas-body` to wrap the offcanvas content #}
  43. <div class="{% if feature('v6.5.0.0') %}offcanvas-body{% else %}offcanvas-content-container{% endif %}">
  44. {% block utilities_offcanvas_content %}{% endblock %}
  45. </div>
  46. {% endblock %}
  47. {% endblock %}