custom/plugins/WbfkExtensions/src/Resources/views/storefront/component/pseudo-modal.html.twig line 1

Open in your IDE?
  1. {% if context.salesChannel.translated.customFields.wbfk_buyOnRequest_form is not empty %}
  2. <div class="js-pseudo-modal-template">
  3.     <div class="modal fade"
  4.          tabindex="-1"
  5.          role="dialog">
  6.         <div class="modal-dialog buyOnRequestForm" 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.                         {# @deprecated tag:v6.5.0 - Bootstrap v5 creates "x" symbol automatically via SVG background #}
  21.                         {% if not feature('v6.5.0.0') %}
  22.                             <span aria-hidden="true">
  23.                                     {% sw_icon 'x' style { 'size': 'sm' } %}
  24.                                 </span>
  25.                         {% endif %}
  26.                     </button>
  28.                 </div>
  29.                 <div class="modal-body js-pseudo-modal-template-content-element">
  31.                 </div>
  32.             </div>
  33.         </div>
  34.     </div>
  35. </div>
  36. {% else %}
  37.     <div class="js-pseudo-modal-template">
  38.         <div class="modal fade"
  39.              tabindex="-1"
  40.              role="dialog">
  41.             <div class="modal-dialog"
  42.                  role="document">
  43.                 <div class="modal-content">
  44.                     <div class="modal-header only-close">
  45.                         {# @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 #}
  46.                         {% if feature('V6_5_0_0') %}
  47.                             <div class="modal-title js-pseudo-modal-template-title-element h5"></div>
  48.                         {% else %}
  49.                             <h5 class="modal-title js-pseudo-modal-template-title-element"></h5>
  50.                         {% endif %}
  52.                         <button type="button"
  53.                                 class="{{ modalCloseBtnClass }} close"
  54.                         {{ dataBsDismissAttr }}="modal"
  55.                         aria-label="Close">
  56.                         {% block product_detail_zoom_modal_close_button_content %}
  57.                             {# @deprecated tag:v6.5.0 - Bootstrap v5 creates "x" symbol automatically via SVG background #}
  58.                             {% if not feature('v6.5.0.0') %}
  59.                                 <span aria-hidden="true">
  60.                                     {% sw_icon 'x' style { 'size': 'sm' } %}
  61.                                 </span>
  62.                             {% endif %}
  63.                         {% endblock %}
  64.                         </button>
  66.                     </div>
  67.                     <div class="modal-body js-pseudo-modal-template-content-element">
  69.                     </div>
  70.                 </div>
  71.             </div>
  72.         </div>
  73.     </div>
  75. {% endif %}