vendor/shopware/storefront/Resources/views/storefront/component/pseudo-modal.html.twig line 1

Open in your IDE?
  1. <div class="js-pseudo-modal-template">
  2.     <div class="modal fade"
  3.          tabindex="-1"
  4.          role="dialog">
  5.         <div class="modal-dialog"
  6.              role="document">
  7.             <div class="modal-content">
  8.                 <div class="modal-header only-close">
  9.                     {# @deprecated tag:v6.5.0 - h5 will be changed to div because it causes incorrect semantics on all pages which include pseudo-modal.html.twig #}
  10.                     {% if feature('V6_5_0_0') %}
  11.                         <div class="modal-title js-pseudo-modal-template-title-element h5"></div>
  12.                     {% else %}
  13.                         <h5 class="modal-title js-pseudo-modal-template-title-element"></h5>
  14.                     {% endif %}
  16.                     <button type="button"
  17.                             class="{{ modalCloseBtnClass }} close"
  18.                             {{ dataBsDismissAttr }}="modal"
  19.                             aria-label="Close">
  20.                         {% block product_detail_zoom_modal_close_button_content %}
  21.                             {# @deprecated tag:v6.5.0 - Bootstrap v5 creates "x" symbol automatically via SVG background #}
  22.                             {% if not feature('v6.5.0.0') %}
  23.                                 <span aria-hidden="true">
  24.                                     {% sw_icon 'x' style { 'size': 'sm' } %}
  25.                                 </span>
  26.                             {% endif %}
  27.                         {% endblock %}
  28.                     </button>
  29.                 </div>
  30.                 <div class="modal-body js-pseudo-modal-template-content-element">
  31.                 </div>
  32.             </div>
  33.         </div>
  34.     </div>
  35. </div>