custom/static-plugins/BaumarktTheme/src/Resources/views/storefront/component/store-locator/store-locator-offcanvas.html.twig line 1

Open in your IDE?
  1. {% sw_extends '@Storefront/storefront/utilities/offcanvas.html.twig' %}
  3. {% block utilities_offcanvas %}
  4.     <div class="store-locator-offcanvas-container" data-store-locator-content="true">
  5.         {{ parent() }}
  6.     </div>
  7. {% endblock %}
  9. {% block utilities_offcanvas_close %}
  10. {% endblock %}
  12. {% block utilities_offcanvas_close_text %}{% endblock %}
  14. {% block utilities_offcanvas_content %}
  15.     {% block page_store_locator_container %}
  16.         <div class="store-locator-header">
  17.             {% block store_locator_offcanvas_header %}
  18.                 <h2 id="store-locator-offcanvas-title">{{ "general.storeLocatorOffcanvas.headline"|trans|sw_sanitize }}</h2>
  20.                 {% sw_icon 'close_m' style { 'pack' : 'globus_icons' } %}
  21.             {% endblock %}
  22.         </div>
  24.         <div class="store-locator-content">
  26.             {% block store_locator_offcanvas_content %}
  27.                 <div class="header-search header-search-col col-12 my-4">
  28.                     <form action="#"
  29.                           method="POST"
  30.                           id="store-locator-search-form"
  31.                           class="header-search-form">
  32.                         <div class="input-group">
  33.                             <input type="search"
  34.                                    name="search"
  35.                                    class="form-control header-search-input"
  36.                                    placeholder="{{ "general.storeLocatorOffcanvas.searchPlaceholder"|trans|sw_sanitize }}"
  37.                                    aria-label="{{ "general.storeLocatorOffcanvas.searchPlaceholder"|trans|sw_sanitize }}"
  38.                                    value="" />
  40.                             <div class="input-group-append">
  41.                                 <button type="submit"
  42.                                         class="btn header-search-btn"
  43.                                         aria-label="{{ "header.searchButton"|trans|striptags }}">
  44.                                 <span class="header-search-icon">
  45.                                     {% sw_icon 'search' style {'pack' : 'globus_icons'} %}
  46.                                 </span>
  47.                                 </button>
  49.                                 <button class="btn header-search-btn btn-clear-search d-none js-clear-search">
  50.                                 <span class="header-search-icon d-flex">
  51.                                     {% sw_icon 'x' style { 'size': 'sm' } %}
  52.                                 </span>
  53.                                 </button>
  54.                             </div>
  55.                         </div>
  56.                     </form>
  57.                 </div>
  59.                 <div class="wrapper">
  60.                     {% block store_locator_offcanvas_store_item %}
  61.                         <div class="store-item">
  62.                             <input type="radio" name="storeSelection" value="" id="store-" class="store-input">
  63.                             <label class="name store-label" for="store-"></label>
  64.                             <div class="address"></div>
  66.                             <a class="additional-info-link" href="javascript:;">{{ "general.storeLocatorOffcanvas.additionDetailButton"|trans|sw_sanitize }}</a>
  68.                             <div class="additional-info invisible">
  69.                                 {% block store_locator_offcanvas_store_item_additional_info %}
  70.                                     <div class="opening-times my-3">
  71.                                         <b>{{ "general.storeLocatorOffcanvas.openingHoursLabel"|trans|sw_sanitize }}</b>
  72.                                         <div class="content"></div>
  73.                                     </div>
  75.                                     <div class="contact-info">
  76.                                         <b>{{ "general.storeLocatorOffcanvas.contactLabel"|trans|sw_sanitize }}</b>
  77.                                         <div class="content">
  78.                                             <div class="phone">
  79.                                                 <span>{{ "general.storeLocatorOffcanvas.phonePrefix"|trans|sw_sanitize }}</span>
  80.                                                 <a class="number" href="#"></a>
  81.                                             </div>
  82.                                             <div class="fax">
  83.                                                 <span>{{ "general.storeLocatorOffcanvas.faxPrefix"|trans|sw_sanitize }}</span>
  84.                                                 <span class="number"></span>
  85.                                             </div>
  86.                                             <a class="mail" href="#"></a>
  88.                                             <div class="store-actions mt-3">
  89.                                             {% block store_locator_offcanvas_store_item_additional_info_actions %}
  90.                                                 <div class="action-btn">
  91.                                                     <a class="maps-link" target="_blank" href="#">{% sw_icon 'icon_map-pin' style { 'pack' : 'globus_icons' } %} zum Routenplaner</a>
  92.                                                 </div>
  94.                                                 <div class="header-btn spacer mx-3">|</div>
  96.                                                 <div class="action-btn">
  97.                                                     <a class="store-link" href="#">{% sw_icon 'store_s' style { 'pack' : 'globus_icons' } %} zur Marktseite</a>
  98.                                                 </div>
  99.                                             {% endblock %}
  100.                                             </div>
  101.                                         </div>
  102.                                     </div>
  103.                                 {% endblock %}
  104.                             </div>
  106.                             <div class="product-availability-wrapper mt-2 d-none">
  107.                                 <span class="delivery-status-indicator "></span> <span class="status-text"></span>
  108.                             </div>
  109.                         </div>
  110.                     {% endblock %}
  111.                 </div>
  113.                 <form id="store-form" class="store-listing">
  115.                     {{ sw_csrf('frontend.ianeo-store-locator.switch-store') }}
  116.                 </form>
  118.                 <form id="test-availability" class="d-none">
  119.                     {{ sw_csrf('frontend.ianeo.test-availability') }}
  120.                 </form>
  121.             {% endblock %}
  122.         </div>
  124.         <div class="store-locator-footer">
  125.             {% block store_locator_offcanvas_footer %}
  126.                 <button class="btn btn-secondary abort">{{ "general.storeLocatorOffcanvas.cancelButton"|trans|sw_sanitize }}</button>
  127.                 <button type="submit" form="store-form" class="btn btn-primary apply" disabled="disabled">{{ "general.storeLocatorOffcanvas.confirmButton"|trans|sw_sanitize }}</button>
  128.             {% endblock %}
  129.         </div>
  130.     {% endblock %}
  131. {% endblock %}