templates/web/default/top-actions.html.twig line 1

Open in your IDE?
  1. {% extends 'web/base.html.twig' %}
  3. {% block title %}{{ 'header.menu.topAction'| trans }}{% endblock %}
  4. {% block keywords %}{{ 'topAkce.keywords' | trans }}{% endblock %}
  5. {% block description %}{{ 'topAkce.metaDescription' | trans }}{% endblock %}
  7. {% trans_default_domain 'web' %}
  8. {% block javascripts %}
  10. <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
  11. <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.isotope/3.0.6/isotope.pkgd.min.js"></script>
  12. <script>
  13. $(document).ready(function () {
  14. let $grid = $('.qodef-pl-inner').isotope({
  15. itemSelector: '.qodef-pl-item',
  16. layoutMode: 'fitRows'
  17. });
  19. function getUrlParameter(name) {
  20. name = name.replace(/[\[]/, '\\[').replace(/[\]]/, '\\]');
  21. let regex = new RegExp('[\\?&]' + name + '=([^&#]*)');
  22. let results = regex.exec(location.search);
  23. return results === null ? '' : decodeURIComponent(results[1].replace(/\+/g, ' '));
  24. }
  26. let filterParam = getUrlParameter('filter');
  27. if (filterParam) {
  28. $('#filter-category').val(filterParam);
  29. $grid.isotope({ filter: filterParam });
  30. }
  32. $('body').on('change', '#filter-shop', function () {
  33. $('.qodef-pl-filter').removeClass('active');
  34. let storeVal = $(this).val();
  35. if (storeVal === "0") {
  36. $grid.isotope({ filter: '*' });
  37. } else {
  38. $grid.isotope({ filter: '.store_' + storeVal });
  39. }
  40. history.pushState(null, null, window.location.pathname);
  41. });
  43. $('body').on('change', '#filter-category', function () {
  44. let catVal = $(this).val();
  45. $grid.isotope({ filter: catVal });
  46. let newUrl = window.location.pathname + '?filter=' + encodeURIComponent(catVal);
  47. history.pushState(null, null, newUrl);
  48. });
  49. });
  50. </script>
  53. {% endblock %}
  54. {% block body %}
  55. {{ include('web/core/header.html.twig') }}
  56. <div class="qodef-content">
  57. <div class="qodef-content-inner">
  58. <div class="qodef-full-width">
  59. <div class="qodef-full-width-inner">
  60. <div class="qodef-grid-row">
  61. <div class="qodef-page-content-holder qodef-grid-col-12">
  62. <div class="qodef-row-grid-section-wrapper ">
  63. <div class="qodef-row-grid-section">
  64. <div class="vc_row wpb_row vc_row-fluid vc_custom_1567069896783">
  65. <div class="wpb_column vc_column_container vc_col-sm-12">
  66. <div class="vc_column-inner">
  67. <div class="wpb_wrapper">
  68. <div class="qodef-title-holder qodef-breadcrumbs-type qodef-title-full-width qodef-title-va-header-bottom breadcrumb">
  69. <div itemprop="breadcrumb" class="qodef-breadcrumbs">
  70. <a itemprop="url" href="{{ path('app_web_homepage') }}">Home</a>
  71. <span class="qodef-delimiter">&nbsp; / &nbsp</span>
  72. <a itemprop="url" href="{{ path('app_web_top-actions') }}">{{ 'header.menu.topAction'|trans }}</a>
  73. </div>
  74. <div class="qodef-section-title-holder" style="text-align: center; padding-bottom: 50px !important;">
  75. <div class="qodef-st-inner">
  76. <h1 class="qodef-st-title">{{ 'header.menu.topAction'|trans }}</h1>
  77. </div>
  78. </div>
  79. </div>
  80. <div class="qodef-portfolio-list-holder qodef-grid-list qodef-pl-gallery qodef-four-columns qodef-medium-space qodef-pl-gallery-overlay qodef-pl-pag-load-more qodef-pl-has-filter">
  81. <div class="select-wrapper">
  82. <div class="select-store">
  83. <select id="filter-category">
  84. <option value="*">{{ 'allCategory'|trans }}</option>
  85. {% for cat in categories %}
  86. <option value=".category_{{ cat.id }}">{{ cat.getName() }}</option>
  87. {% endfor %}
  88. </select>
  89. </div>
  90. <div class="select-store">
  91. <select id="filter-shop">
  92. <option selected value="0">{{ 'selectStore' | trans }}</option>
  93. {% for s in stores %}
  94. <option value="{{ s.id }}">{{ s.name }}</option>
  95. {% endfor %}
  96. </select>
  97. </div>
  98. </div>
  99. <div class="qodef-pl-inner qodef-outer-space clearfix top-action">
  100. {% if offers | length > 0 %}
  101. {% for o in offers %}
  102. <article
  103. class="qodef-pl-item qodef-item-space portfolio-item type-portfolio-item top-action-detail category_{{ o.topCategory.id }} store_{{ o.store.id }}">
  104. <a href="{{ path('app_web_shop_detail',{'slug':o.store.slug}) }}" class="qodef-pl-item-inner">
  105. <div class="top-action-detail__image"
  106. {% if o.image is not null %}
  107. style="background-image: url({{ vich_uploader_asset(o, 'imageFile')| imagine_filter('news') }});"
  108. {% elseif o.store.offerImage is not null %}
  109. style="background-image: url({{ vich_uploader_asset(o.store, 'offerImageFile')| imagine_filter('news') }});"
  110. {% elseif o.topCategory.image is not null %}
  111. style="background-image: url({{ vich_uploader_asset(o.topCategory, 'imageFile')| imagine_filter('news') }});"
  112. {% endif %}>
  113. <div class="top-action-detail__image-logo">
  114. {% if o.store.logo is not null %}
  115. <img src="{{ vich_uploader_asset(o.store, 'logoFile')| imagine_filter('thumb300') }}" alt="{{ o.store.name }}">
  116. {% endif %}
  117. </div>
  118. </div>
  119. <div class="top-action-detail__content">
  120. <h2 class="top-action-detail__title">
  121. {{ o.getName }}
  122. </h2>
  124. {% if o.fromOutletPrice %}
  125. <p class="top-action-detail__text">{{ 'topAkce.fromOutletPrice'|trans }}</p>
  126. {% elseif o.fromNormalPrice %}
  127. <p class="top-action-detail__text">{{ 'topAkce.fromNormalPrice'|trans }}</p>
  128. {% endif %}
  130. <h4 class="top-action-detail__subtitle">
  131. {{ o.getTitle }}
  132. </h4>
  133. <p class="top-action-detail__text">
  134. {{ o.getSubTitle }}
  135. </p>
  136. <p class="top-action-detail__date">
  137. {{ o.dateFrom|date('d.m.Y') }} - {{ o.dateTo|date('d.m.Y') }}
  138. </p>
  139. </div>
  140. </a>
  141. </article>
  142. {% endfor %}
  143. {% endif %}
  144. </div>
  145. </div>
  146. </div>
  147. </div>
  148. </div>
  149. </div>
  150. </div>
  151. </div>
  152. </div>
  153. </div>
  154. </div>
  156. </div>
  157. {{ include('web/core/gift-card.html.twig') }}
  158. </div>
  159. </div>
  160. {{ include('web/core/footer.html.twig') }}
  161. {% endblock %}