templates/product/finiture.html.twig line 1

Open in your IDE?
  1. <div class="row finishes-panel">
  2.     <div class="sidebar py-40 pe-30">
  3.         <div class="accordion" id="mobileAccordionFiniture">
  4.             <div class="accordion-item rounded-0 border-0">
  5.                 <div class="accordion-header">
  6.                     <button class="accordion-button rounded-0 bg-transparent shadow-none px-0 collapsed d-flex d-lg-none fs-25 fw-bold" type="button" data-bs-toggle="collapse" data-bs-target="#parentFiniture" aria-expanded="false" aria-controls="parentFiniture">
  7.                         {{ 'FILTERS'|trans }}
  8.                     </button>
  9.                 </div>
  10.                 <div class="sticky-lg-top pt-20 accordion" id="parentFiniture"></div>
  11.             </div>
  12.         </div>
  13.     </div>
  14.     <div class="col-12 col-lg finishes">
  15.         <div class="filters-active d-flex gap-10 mt-20 mb-10 ms-lg-55"></div>
  16.         <div class="row py-20 py-lg-40 gx-10 gy-30 g-lg-40 ms-lg-35 list" data-loc="{{ app.request.locale }}"></div>
  17.     </div>
  18. </div>
  22. <!-- Modal -->
  23. <div class="popupDetails modal modal-xl fade" id="popupFinish" tabindex="-1" aria-labelledby="popupFinishLabel" aria-hidden="true">
  24.     <div class="modal-dialog modal-dialog-centered">
  25.         <div class="modal-content rounded-0">
  26.             <div class="modal-body p-5 p-lg-30"></div>
  27.         </div>
  28.     </div>
  29. </div>
  31. <script>
  32.     function zoom(e){
  33.         var zoomer = e.currentTarget;
  34.         e.offsetX ? offsetX = e.offsetX : offsetX = e.touches[0].pageX
  35.         e.offsetY ? offsetY = e.offsetY : offsetX = e.touches[0].pageX
  36.         x = offsetX/zoomer.offsetWidth*100
  37.         y = offsetY/zoomer.offsetHeight*100
  38.         zoomer.style.backgroundPosition = x + '% ' + y + '%';
  39.     }
  40. </script>