templates/web/default/shops.html.twig line 1

Open in your IDE?
  1. {% extends 'web/base.html.twig' %}
  3. {% block title %}{{ 'stores.title' | trans }}{% endblock %}
  4. {% block keywords %}{{ 'stores.keywords' | trans }}{% endblock %}
  5. {% block description %}{{ 'stores.metaDescription' | trans }}{% endblock %}
  7. {% trans_default_domain 'web' %}
  9. {% block javascripts %}
  11. <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
  12. <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.isotope/3.0.6/isotope.pkgd.min.js"></script>
  14. <script>
  15. $(document).ready(function () {
  16. let $grid = $('.qodef-cg-inner').isotope({
  17. itemSelector: '.qodef-cc-item',
  18. layoutMode: 'fitRows'
  19. });
  21. let forMap = JSON.parse('{{ forMap | json_encode |e('js') | raw }}');
  23. let category = '{{ categoryActive is not null?'.category_'~categoryActive.id:'all' }}';
  25. function filter(){
  27. if($('.filter-vip').hasClass('active')){
  28. if (category === 'all') {
  29. $grid.isotope({filter: ".isVip:not(.category_8)"});
  30. } else {
  31. $grid.isotope({filter: category+ '.isVip'}); // Použít filtrovací kategorii
  32. }
  33. }else {
  34. if (category === 'all') {
  35. $grid.isotope({filter: ":not(.category_8)"}); // Zobrazit všechna data
  36. } else {
  37. $grid.isotope({filter: category}); // Použít filtrovací kategorii
  38. }
  39. }
  41. $('.qodef-pl-filter').removeClass('active');
  42. $('.qodef-pl-filter[data-filter="' + category + '"]').addClass('active');
  44. // Přidání cesty do URL
  45. var newUrl = window.location.pathname + '?filter=' + category;
  46. history.pushState(null, null, newUrl);
  48. }
  50. $('body').on('click','.filter-vip',function (){
  51. $(this).toggleClass('active');
  52. filter();
  53. }).on('change', '#filter-shop', function () {
  54. window.location.href = $(this).find(':selected').data('url');
  55. }).on('click', '.qodef-pl-filter', function () {
  56. category = $(this).data('filter');
  57. filter();
  59. /*
  60. * MAPA START
  61. */
  63. }).on('mouseenter', '#svg_map path', function (e) {
  64. let data = forMap[$(this).attr('id')];
  65. if (typeof data !== 'undefined') {
  66. showModal(e);
  67. }
  68. }).on('mouseleave', '#svg_map path', function (e) {
  69. $('#panel-container').hide();
  70. })
  73. function showModal(e) {
  75. let modal = $('#panel-container');
  76. let data = forMap[$(e.target).attr('id')]
  78. modal.find('.vip').hide();
  79. if (data['vip']) {
  80. modal.find('.vip').show();
  81. }
  82. modal.find('#shop-logo').attr('src', data['logo']);
  83. modal.find('#param-btn').attr('href', data['url']);
  84. modal.find('#panel-title').html(data['name']);
  85. modal.find('#param-id').html(data['number']);
  86. modal.find('#param-phone').html(data['phone']);
  87. modal.find('#param-open-hours').html(data['open']);
  88. modal.find('#param-email').html(data['email']);
  89. modal.css('transform', 'translate(' + (e.pageX - $('#svgmap-new').offset().left) + 'px, ' + (e.pageY - $('#svgmap-new').offset().top) + 'px) translate(-50%, -110%)').show();
  90. }
  92. $(document).on('click', '.mapa-link', function (e) {
  93. e.preventDefault(); // Prevent the default link behavior
  95. let data = forMap[$(this).attr('id')];
  96. if (typeof data !== 'undefined' && data['url']) {
  97. window.location.href = data['url']; // Redirect to the URL specified in data['url']
  98. }
  99. });
  101. filter();
  104. // JavaScript pro zavření mapa-panelu po kliknutí na křížek
  106. /* $(document).ready(function() {
  107. $('#close-panel').on('click', function() {
  108. $('#panel-container').hide();
  109. });
  110. });*/
  112. /*
  113. * MAPA END
  114. */
  115. });
  116. </script>
  117. {% endblock %}
  118. {% block body %}
  119. {{ include('web/core/header.html.twig') }}
  120. <div class="qodef-content shops">
  121. <div class="qodef-content-inner">
  122. <div class="qodef-full-width">
  123. <div class="qodef-full-width-inner">
  124. <div class="qodef-grid-row">
  125. <div class="qodef-page-content-holder qodef-grid-col-12">
  126. <div class="qodef-row-grid-section-wrapper ">
  127. <div class="qodef-row-grid-section">
  128. <div class="vc_column-inner">
  129. <div class="wpb_wrapper">
  130. <div class="qodef-title-holder qodef-breadcrumbs-type qodef-title-full-width qodef-title-va-header-bottom breadcrumb">
  131. <div itemprop="breadcrumb" class="qodef-breadcrumbs">
  132. <a itemprop="url" href="{{ path('app_web_homepage') }}">{{ 'breadcrumb.home'| trans }}</a>
  133. <span class="qodef-delimiter">&nbsp; / &nbsp</span>
  134. <a itemprop="url" href="{{ path('app_web_shops') }}">{{ 'stores.title'|trans }}</a>
  135. </div>
  136. </div>
  137. <div class="qodef-section-title-holder" style="text-align: center;">
  138. <div class="qodef-st-inner">
  139. <h1 class="qodef-st-title">{{ 'stores.mapTitle'|trans }}</h1>
  140. <p class="qodef-st-text">{{ 'stores.mapText'|trans }}</p>
  141. </div>
  142. </div>
  143. <div id="svgmap-new">
  145. <div id="panel-container" class="mapa-panel">
  146. <div>
  148. {# <div class="close-icon" id="close-panel">
  149. <!-- Křížek pro zavření panelu -->
  150. <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="white" class="bi bi-x" viewBox="0 0 16 16">
  151. <path d="M10.354 8l3.293-3.293a1 1 0 0 0-1.414-1.414L9.94 6.586 6.647 3.293a1 1 0 0 0-1.414 1.414L8.526 8l-3.293 3.293a1 1 0 1 0 1.414 1.414L10.354 9.414l3.293 3.293a1 1 0 0 0 1.414-1.414L11.278 8l3.293-3.293a1 1 0 1 0-1.414-1.414L10.354 6.586 7.061 3.293a1 1 0 0 0-1.414 1.414L8.526 8z"/>
  152. </svg>
  153. </div> #}
  155. <div class="panel-logo">
  156. <img id="shop-logo" src="" alt="Logo" loading="lazy">
  157. <div style="text-align: center;">
  158. <span class="vip">
  159. <img src="{{ asset('build/images/web/vip/vip-mark.svg') }}" alt="" loading="lazy" style="max-width: 50px !important;">
  160. </span>
  161. </div>
  162. </div>
  163. {#ukazatel popupu#}
  164. {#<div class="triangle"></div>#}
  165. <div class="panel-content">
  166. <div class="contact-info">
  167. <div id="panel-title" class="mapa-panel-title"></div>
  168. <div class="param">
  169. <span class="param-label">{{ 'mapCenter.modal.openHour' | trans }}</span>
  170. <span id="param-open-hours" class="param-value"></span>
  171. </div>
  172. <div class="param">
  173. <span class="param-label">{{ 'mapCenter.modal.phone' | trans }}</span>
  174. <span id="param-phone" class="param-value"></span>
  175. </div>
  176. <div class="param">
  177. <span class="param-label">{{ 'mapCenter.modal.email' | trans }}</span>
  178. <span id="param-email" class="param-value"></span>
  179. </div>
  180. </div>
  181. <a id="param-btn" href="">
  182. </a>
  183. </div>
  184. </div>
  185. </div>
  187. <div id="mapa-layer" class="shops-map">
  188. <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 1240.1 620"
  189. xml:space="preserve" id="svg_map">
  191. {% set items = {
  192. '2': 'M608.1,374.5l0.5,36.6h-30.1v59.1l-29.8-0.5l1.8-99.5C550.5,370.3,574.5,375.1,608.1,374.5z',
  193. '3': 'M518.1,468.8l-1.3-22l3.5-76.5c0,0,23.7-2.3,28.8-3.8l-2.8,81.6l1,21.7L518.1,468.8z',
  194. '4': 'M490.3,373.3l-4.8,72.8l1.3,22l31.3,0.8l-1.3-22l3.5-76.5C520.4,370.3,505.3,373,490.3,373.3z',
  195. '4a' : 'M465.1,466l-2-22.2l5.6-70c0,0,18.2-0.1,20.4-0.3l-3.4,72.5l1.3,22L465.1,466z',
  196. 'wc' : 'M449.2,374l-6.3,69.5l2,21.2l20.2,1.3l-2-22.2l5.6-70C468.6,373.8,462.8,374.5,449.2,374z',
  197. '5' : 'M407,377.3l-8.3,68.5l1.8,15.9l44.5,3l-1.5-16.9l5.1-67.5C448.4,380.4,438.1,381.6,407,377.3z',
  198. '6' : 'M354.7,456.7l-2.8-15.9l9.3-63.9l11.1-5.6c0,0,27.9,5.9,32.2,5.9l-5.9,68.6l1.8,15.9L354.7,456.7z',
  199. '7' : 'M313.8,451.3l-3.8-21.2l9.3-52.5c0,0,21.7,2.5,38.9-6.1l0.5,5.6l-9.3,58.1l3.5,21.7L313.8,451.3z',
  200. '101' : 'M311.7,451.1l-4-19.2l9.5-51.7c0,0-23.2,0.9-39.9-15.3l-67.2,42.2l5.3,18.9 C215.5,426.1,249.6,442.5,311.7,451.1z',
  201. '102' : 'M197.8,327.8l71.2,0.5l5.8,20.5c0,0-3.4,10.4,2.1,15.7l-66.8,42.6l5.3,18.9 C215.5,426.1,191.5,404.6,197.8,327.8z',
  202. '8' : 'M202.3,295.7l-4.3,30.1l71.5,0.8l5.3,22.2c0,0,1.5-9.3,18.9-21.7l0.5-11.6l-5.1-20.2L202.3,295.7z',
  203. '9' : 'M208.7,266.2 202.3,295.7 289.3,295.2 294.3,315.4 295.6,288.1 291,265.4z',
  204. '10' : 'M216,237.6l-7.3,28.5l82.4-0.8l4.5,22.7c0,0,4-26.3,5.6-29.1l-4.3-21.5H216z',
  205. '11' : 'M225.8,212.9l-9.9,24.8h80.8l4.3,21.5c0,0,6.3-16.7,11.1-27l-3.3-19.5L225.8,212.9z',
  206. '13' : 'M237,183.6l-10.6,27.3l83.1-0.5l3.5,20.4l2.1-3.2l-3-20.7l-6.3-7.6c0,0-5.8-4.8-6.1-15.7H237z',
  207. '103' : 'M264.4,140.3l43.5,28.6s0,0,0,0h0s.1.1.1.1h0c0,.1,4.1,21.5,4.1,21.5l-5.6,8.8c-2.1-2.7-3.5-5.1-4.2-7.3-.7-2.2-1.2-5.4-1.5-9.7h0s-61.8,0-61.8,0c2.5-6.5,5.3-12.5,8.6-18,3.3-5.6,8.9-13.5,16.7-24Z',
  208. '14' : 'M394.6,104.2l-5.6,43.9l1.5,24.1c0,0-7.3-5.3-26.8-4.3l-4.3-24l7.3-37.4L394.6,104.2z',
  209. '104' : 'M365.4,108.4l-6.8,38.3h-.1s4.6,20.8,4.6,20.8c-7,1.1-11.9,2-14.7,2.6-5.9,1.3-10.5,3-13.9,4.3-4.1,1.7-8.9,3.8-14.4,7.7-1.5,1.1-4,3.1-7.4,6.2l-3.6-19.6.2-.3s0,0,0,0l-44.2-28.9c3.8-6.3,13.9-11.8,30.2-16.5,16.3-4.6,39.7-9.5,70.2-14.8Z',
  210. '15' : 'M396.6,109.3l-6.6,45.2l1.5,18.2c0,0,5.6-0.3,13.6,5.8c0,0,7.1-1.5,16.2-3.3l-2.3-18.2l5.8-49.8L396.6,109.3z',
  211. '16' : 'M453.2,105.7l-4.8,48l1.8,19.2c0,0-16.9,0.3-28.8,2.3l-1.4-18.5l4.9-49.5L453.2,105.7z',
  212. '18' : 'M539.9,102.7l-2,53.1l1.3,20c0,0-24.3-6.3-88.9-2.8l-0.3-19.3l3.3-47.9L539.9,102.7z',
  213. '20' : 'M542.6,102l-2.3,54.1l0.5,19.7c0,0,4,1.8,26.8-1.3l0.3-20l1.3-53.6L542.6,102z',
  214. '21' : 'M572.2,105.2l-2,53.6V174c0,0,12.6-2.3,28-2.5l0.5-66.2H572.2z',
  215. '22' : 'M626.3,101.5 627.8,171.7 599.4,171.4 600.5,101.2z',
  216. '23' : 'M628.8,103 629.1,171.7 659.1,171.4 657.1,102.7z',
  217. '24' : 'M659.1,103.2l1.5,68.1c0,0,20.1,0.3,31.3,3.9l0.4-18.7l-3-52.8L659.1,103.2z',
  218. 'wc2' : 'M691.9,98.9l2,53.6l-0.6,22.8c0,0,8.2-2.4,17.1-2.9l0.5-22.2l-3.5-51L691.9,98.9z',
  219. '25' : 'M745.5,106.5l3.5,47.2v18.2c0,0-18.2-1.4-36.9,0.2l-1.5-66.9L745.5,106.5z',
  220. '26' : 'M748.8,101.7l2.8,47.5l-0.9,22.7c0,0,24.9-1.2,54.5,2.3l1.8-23.2l-6.1-47.2L748.8,101.7z',
  221. '28' : 'M849.8,115.1l6.3,39.2l-1.5,15.2c0,0-10.9,0.8-23,9.6l-25-4.3l1.5-15.9l-6.3-48L849.8,115.1z',
  222. '30' : 'M873.6,109 879.9,145.4 876.4,169.9 856.2,169.2 858.7,145.4 853.1,107.3z',
  223. '105' : 'M940.5,122.9l-36.6,28.8l-3.2,22l-23.1-3.8l4.3-23l-7.1-36.6C874.9,110.3,900.6,111.8,940.5,122.9z',
  224. '106' : 'M902.1,174l3.8-22l36.9-28.3c0,0,27.8-5.8,53.1,58.4l-59.6,1c0,0,2.7,9-4.2,17.7 C932.1,200.8,927.1,179.5,902.1,174z',
  225. '31' : 'M922.3,231.3l2.8-17.4l79.8,0.8l0.5-3.5l-9.3-27.5l-59.9-0.5c0,0,4.3,14.9-12.4,25.5l-3.3,18.2L922.3,231.3z',
  226. '32' : 'M933.7,258.8l2.8-17.7h77.6l-8.1-25.3h-79.8l-3.3,16.7C922.9,232.6,930.2,241.4,933.7,258.8z',
  227. '34' : 'M943.3,269.2l78.2,0.6l-7.5-28.6h-77.6l-2.8,17.7c0,0,3.5,12.6,5.6,28L943.3,269.2z',
  228. '35' : 'M943.3,299.8l84.1,0.3l-5.6-29.3h-78.6l-3.8,17.7c0,0,2.8,25.5-1,36.6l3-17.7L943.3,299.8z',
  229. '107' : 'M959.7,362.2l65.2,41.4c0,0,18.2-36.5,2.7-102.9l-84.3-0.9l-4.8,25.3C938.5,325,972.1,344.7,959.7,362.2z',
  230. '108' : 'M920.3,379.6l9.1,52.3l-4.5,20c0,0,77.8-12.6,94.5-28.3l5.6-20l-65.2-41.4C959.7,362.2,948.1,379.1,920.3,379.6z',
  231. '37' : 'M878.1,370l9.9,64.4l-4.5,23.2l41.4-5.8l3-23.5l-8.6-52.3C919.3,376.1,899.1,378.1,878.1,370z',
  232. '38' : 'M840.7,461.7l2.5-19.5l-8.1-70.2c0,0,24-3.5,28.3-5.3l11.9,6.1l9.9,65.9l-1.8,18.9 C883.4,457.7,866,460.7,840.7,461.7z',
  233. '39' : 'M795.3,376.3l7.3,68.5l-2.8,20.5l40.9-3.5l2.5-19.5l-8.1-70.2C835.2,372,823.1,375.1,795.3,376.3z',
  234. '40' : 'M730.1,372.3l4.3,73.8l-2,22.5l67.5-3.3l2.8-20.5l-7.3-68.5C795.3,376.3,788.2,376.8,730.1,372.3z',
  235. '42' : 'M657.8,369.7l1.5,100l73-1.3l2-22.5l-6.8-74.3c0,0-10.6-0.3-32.3-4.8C695.2,367,679.1,370.3,657.8,369.7z',
  236. '52' : 'M392.3,254.8l-9.3,66.4l2.3,17.7c0,0,43.2,5.8,82.6,3.5l-2-18.4l6.1-69L392.3,254.8z',
  237. '50' : 'M504.2,254.8l-3.8,67.7l0.8,17.9c0,0-20.7,3-33.3,2l-2-18.4l6.1-69L504.2,254.8z',
  238. '48' : 'M553,254.8l-1.3,78.3c0,0-30.3,6.8-50,6.1l-1.3-16.7l3.8-67.7H553z',
  239. '47' : 'M589.4,254.8l-1.3,75c0,0-29.6,2.5-36.4,3.3l1.3-78.3H589.4z',
  240. '46' : 'M627.3,254.5l0.8,75c0,0-28.5-0.3-39.9,0.3l1.3-75L627.3,254.5z',
  241. '45' : 'M628.3,258.1l-0.3,71.5c0,0,34.9,0,41.2,2l-2.3-74L628.3,258.1z',
  242. '86' : 'M669,253l0.3,78.6c0,0,34.9,2.5,62.4,7.8l1-20.5l-4.3-64.9L669,253z',
  243. '84' : 'M772.5,257.1l7.1,69.7l-1,15.9c0,0-33.1-1.3-47-3.3l0.8-15.2l-2.5-67.5L772.5,257.1z',
  244. '83' : 'M774.6,255.6 780.9,324.3 778.6,342.7 815.5,342.2 816.7,323.5 809,255.4z',
  245. '81' : 'M810.4,256.1 844,256.1 853.9,323.3 852.4,339.9 815.5,342.2 817.5,324.5z',
  246. '59' : 'M401.1,192.2l-8.2,59.8l-0.5,2.8h30.6l-0.3-3l7.1-59.9C429.7,191.9,410.5,191.6,401.1,192.2z',
  247. '60' : 'M456.5,191.4l-5.1,63.4h-28.5l6.8-62.9C429.7,191.9,436,191.1,456.5,191.4z',
  248. '61' : 'M485.5,193.7l-3.8,60.9l-30.3,0.3l6.8-61.9C458.3,192.9,471.4,191.9,485.5,193.7z',
  249. '62' : 'M511.1,254.5l3-60.4c0,0-10.9-2.8-27.3-1.8l-5.1,62.1H511.1z',
  250. '63' : 'M541.1,198.7l-1,55.6l-29.1-1l3-59.1C514.1,194.2,529.8,194.4,541.1,198.7z',
  251. '64' : 'M567.1,198 566.6,254.8 540.1,254.3 542.4,196.4z',
  252. '65' : 'M568.4,201.7l-0.7,52.8l26.8,0.3l-0.5-52C593.9,202.8,583.8,202.5,568.4,201.7z',
  253. '66' : 'M640.1,203.4l1.3,54.6l-13.1,0.2l-1-3.5l-31.6-0.3l-0.4-51.4C595.3,202.9,608.5,203.9,640.1,203.4z',
  254. '68' : 'M670.6,197.3l-0.1,55.7H669l-0.3,4.3l-26.5,0.3v-57.3C642.2,200.2,659.4,200.2,670.6,197.3L670.6,197.3z',
  255. '69' : 'M670.7,202.8l-0.3,50.3l53.1,0.3l-2.1-56.6C721.5,196.7,701.5,200.5,670.7,202.8z',
  256. '71' : 'M753.3,256.3l-4.8-62.4c0,0-15.7,2.3-27.1,2.8l2.1,56.6l4.8,0.8l0.3,3L753.3,256.3z',
  257. '72' : 'M776.8,192.4l6.6,62.7l-8.8,0.5l-2,1.5l-19.2-0.8l-3.5-63.2C749.8,193.2,763.4,192.1,776.8,192.4z',
  258. '73' : 'M779.4,192.7 783.4,255.1 814.9,255.5 805.6,192.1z',
  259. '74' : 'M808.4,190.9l7.1,57.9l-0.3,7.1l28.8,0.3l1.3-6.8l-8.1-56.6C837.2,192.7,827.4,190.4,808.4,190.9z',
  260. '80' : 'M852.4,295.9l3,21.3l-3,22.7c0,0,29.3,2.3,38.9-26.3l2-17.7L852.4,295.9z',
  261. '79' : 'M849.3,272.7l2.8,22.2h41.4l-2.3,18.7c0,0,9.3-26.5,8.3-40.4L849.3,272.7z',
  262. '78' : 'M846.3,251l3,21.7l50.3,0.5c0,0,1-15.2-1.8-22L846.3,251z',
  263. '77' : 'M843.8,230.8l2.5,20.2l51.5,0.3c0,0-2-13.9-6.1-20.2L843.8,230.8z',
  264. '76' : 'M840.2,210.8l3.5,20l48,0.3c0,0-2.8-13.1-13.4-20.5L840.2,210.8z',
  265. '75' : 'M838.2,193.2l2,17.7l38.1-0.3C878.4,210.6,868.8,195.7,838.2,193.2z',
  266. '58' : 'M358.1,209.7l38.8,0.6l2.8-18.2c0,0-31.4-0.9-45,17.4L358.1,209.7z',
  267. '57' : 'M393.1,229.5l3-18.5l-42.2-0.8c0,0-8.8,11.5-11.4,18.3L393.1,229.5z',
  268. '56' : 'M342.2,229.2c0,0-5.2,11.7-6.3,20.1l54.8,0.7l2.2-19.8L342.2,229.2z',
  269. '55' : 'M335.8,250.1c0,0-2.8,9.8-1.3,21.4l53.3,0.5l3-22L335.8,250.1z',
  270. '54' : 'M334.7,273c0,0-1.3,8.8,3.2,21.5l47.1,0l2.8-22.5L334.7,273z',
  271. '53' : 'M384.6,294.7l-2.4,21.8l3,22.5c0,0-43.8,1-47.4-44.4L384.6,294.7z'
  272. } %}
  274. {% for id, coords in items %}
  275. <path id="{{ id }}" d="{{ coords }}" class="mapa-link"></path>
  277. {% endfor %}
  278. </svg>
  279. </div>
  280. <img src="{{ asset('build/images/web/map-center/mapa-centra_v2.jpg') }}" alt="centrum" loading="lazy">
  281. </div>
  282. </div>
  283. </div>
  284. </div>
  285. </div>
  287. <div class="vc_row wpb_row vc_row-fluid vc_custom_1565785245766">
  288. <div class="wpb_column vc_column_container vc_col-sm-12">
  289. <div class="vc_column-inner">
  290. <div class="wpb_wrapper">
  291. <div class="qodef-section-title-holder shops-title">
  292. <div class="qodef-st-inner">
  293. <h1 class="qodef-st-title">{{ 'stores.title' | trans }}</h1>
  294. <p class="qodef-st-text"></p>
  295. </div>
  296. </div>
  297. </div>
  298. </div>
  299. </div>
  300. </div>
  301. <div class="qodef-pl-filter-holder">
  302. <div class="qodef-plf-inner">
  303. <ul>
  304. <li class="qodef-pl-filter {% if categoryActive is null %}active{% endif %}" data-filter="all">
  305. <span class="category-name">{{'all'|trans}}</span>
  306. </li>
  307. {% for cat in categories %}
  308. <li class="qodef-pl-filter {% if categoryActive is not null and categoryActive.id == cat.id %}active{% endif %}"
  309. data-filter=".category_{{ cat.id }}"
  310. >
  311. <span class="category-name">{{ cat.getName() }}</span>
  312. </li>
  313. {% endfor %}
  314. </ul>
  315. </div>
  316. </div>
  317. <div class="select-store shops-inputs">
  318. <select id="filter-shop">
  319. <option selected value="all">{{'selectStore' | trans}}</option>
  320. {% for s in stores %}
  321. <option value="{{ s.id }}" data-url="{{ absolute_url(path('app_web_shop_detail',{'slug':s.slug})) }}">{{ s.name }}</option>
  322. {% endfor %}
  323. </select>
  324. <!-- Přidáme data atribut data-filter="isVip" -->
  325. <div class="qodef-btn-outline qodef-btn qodef-btn-medium filter-vip" data-filter="isVip" style="padding: 12px 31px !important;">
  326. <span class="qodef-btn-text">{{ 'stores.btnVipFilter' | trans }}</span>
  327. </div>
  328. </div>
  329. <div class="qodef-row-grid-section-wrapper store-list">
  330. <div class="qodef-row-grid-section">
  331. <div class="vc_row wpb_row vc_row-fluid vc_custom_1565785278974">
  332. <div class="wpb_column vc_column_container vc_col-sm-12 vc_col-has-fill">
  333. <div class="vc_column-inner vc_custom_1566396044703">
  334. <div class="wpb_wrapper">
  335. <div class="qodef-clients-grid-holder qodef-grid-list qodef-disable-bottom-space qodef-four-columns qodef-no-space qodef-cc-hover-roll-over qodef-cg-border">
  336. <div class="qodef-cg-inner qodef-outer-space">
  337. {% for s in stores %}
  338. <div class="qodef-cc-item qodef-item-space qodef-cci-has-link{% for c in s.category %} category_{{ c.id }}{% endfor %} {% if s.vip %}isVip{% endif %} shops-item"
  339. data-store-id="{{ s.id }}">
  340. <a itemprop="url" class="qodef-cc-link qodef-block-drag-link" href="{{ path('app_web_shop_detail',{'slug':s.slug}) }}"
  341. target="_self">
  342. {% if s.vip %}
  343. <span style="position: absolute;top:0;right: 0; padding-right: 20px;">
  344. <img src="{{ asset('build/images/web/vip/vip-brands.svg') }}" alt="" style="max-width: 50px; position: relative; z-index: 2;" loading="lazy">
  345. </span>
  346. {% endif %}
  347. <span class="qodef-cc-image">
  348. {% if s.logo is not null %}
  349. <img src="{{ vich_uploader_asset(s, 'logoFile')| imagine_filter('thumb300') }}" alt="{{ s.name }}" loading="lazy">
  350. {% endif %}
  351. </span>
  352. <span class="qodef-cc-hover-image">
  353. <span class="store-name">{{ s.name }}</span>
  354. </span>
  355. </a>
  356. </div>
  357. {% endfor %}
  358. </div>
  359. </div>
  360. </div>
  361. </div>
  362. </div>
  363. </div>
  364. </div>
  365. </div>
  366. </div>
  367. </div>
  368. </div>
  369. </div>
  370. {{ include('web/core/gift-card.html.twig') }}
  371. </div>
  372. </div>
  373. {{ include('web/core/footer.html.twig') }}
  374. {% endblock %}