public/themes/default/products.html.twig line 1

Open in your IDE?
  1. {% extends getThemeDir('base.html.twig') %}
  2. {% block seo %}
  3.     {{ render_seo('app_shop_site_products', null, app.request.attributes.get('_route'), app.request.attributes.get('_route_params')) }}
  4. {% endblock %}
  5. {% block body %}
  6.     {% set data = {
  7.         payload: paginator,
  8.         filters: filters,
  9.         allParameters: app.request.query.all|merge(app.request.attributes.get('_route_params')),
  10.         currentPage: currentPage,
  11.         size: parameters.size,
  12.         request: app.request,
  13.         postType : app.request.attributes.get('postType'),
  14.         requestPath: 'Admin:GlobalSettings:Inspection',
  15.         pageNumber : app.request.query.get('page'),
  16.     } %}
  17.     {% set currentPage = data.currentPage %}
  18.     {% set currentPageParameters = data.currentPageParameters | default({page: "1"}) %}
  19.     {% set size = data.size %}
  20. <style>
  21.     .ui-variant--color .ui-variant--check {
  22.         padding-right: 10px !important;
  23.     }
  24. </style>
  25. <div class="container main-container">
  26.     <div class="row search-amazing-content">
  27.         {% if data.filters is defined %}
  28.             {{ include('@themes/default/sidebar-filter.html.twig', {
  29.                 currentPage: currentPage,
  30.                 size: data.size,
  31.                 currentPageParameters: data.allParameters,
  32.                 filters: data.filters,
  33.             }) }}
  34.         {% endif %}
  35.         <div class="col-lg-9 col-md-12 col-sm-12 search-card-res">
  36.             <div class="d-md-none">
  37.                 <button class="btn-filter-sidebar">
  38.                     جستجوی پیشرفته <i class="fad fa-sliders-h"></i>
  39.                 </button>
  40.             </div>
  41.             <div class="dt-sl dt-sn px-0 search-amazing-tab">
  42.                 <div class="row mb-3 mx-0 px-res-0">
  43.                     {% if data.payload is not iterable %}
  44.                         {% set results = data.payload.results %}
  45.                     {% else %}
  46.                         {% set results = data.payload %}
  47.                     {% endif %}
  48.                     {% for id,item in results %}
  49.                     <div class="col-lg-3 col-md-4 col-sm-6 col-12 px-10 mb-1 px-res-0">
  50.                         {% include getThemeDir('cards/single-product.html.twig') with {'product' : item} %}
  51.                     </div>
  52.                     {% endfor %}
  53.                 </div>
  54.                 {% if data.pagination is not defined or data.pagination == true %}
  55.                     {% set paginator = data.payload %}
  56.                     {% set currentPage = data.currentPage %}
  57.                     {% set params = data.allParameters | default({page: "1"}) %}
  58.                     {% set size = data.size %}
  59.                     {% if paginator.getNumResults > 0 %}
  60.                         <div class="intro-y col-span-12 flex flex-wrap sm:flex-row sm:flex-nowrap items-center">
  61.                             <ul class="pagination">
  62.                                 {% for i in paginator.start..paginator.end %}
  63.                                     {% if i == paginator.currentPage %}
  64.                                         <li><a class="pagination__link pagination__link--active">{{ i }}</a></li>
  65.                                     {% else %}
  66.                                         <li><a class="pagination__link"
  67.                                                href="{{ path(currentPage, params|merge({"page": i })) }}">{{ i }}</a>
  68.                                         </li>
  69.                                     {% endif %}
  70.                                 {% endfor %}
  71.                             </ul>
  72.                             {#                                <form method="get" action="{{ path(currentPage, params|merge({"page": paginator.currentPage })) }}"> #}
  73.                             {#                                    <select class="w-20 form-select box mt-3 sm:mt-0" name="size" onchange="this.form.submit()"> #}
  74.                             {#                                        <option value="10" {% if size == 1 %} selected {% endif %}>1</option> #}
  75.                             {#                                        <option value="10" {% if size == 10 %} selected {% endif %}>10</option> #}
  76.                             {#                                        <option value="20" {% if size == 20 %} selected {% endif %}>20</option> #}
  77.                             {#                                        <option value="50" {% if size == 50 %} selected {% endif %}>50</option> #}
  78.                             {#                                    </select> #}
  79.                             {#                                </form> #}
  80.                             {#    <p class="form-text text-muted pl-1">{{ paginator.ShowingAmount }}</p> #}
  81.                         </div>
  82.                     {% endif %}
  83.                 {% endif %}
  84.                 <input type="hidden" id="query-status" value="{{ data.request.get('status') }}"/>
  85.                 {#                    <div class="row"> #}
  86.                 {#                        <div class="col-12"> #}
  87.                 {#                            <div class="pagination"> #}
  88.                 {#                                <a href="#" class="prev"><i #}
  89.                 {#                                            class="mdi mdi-chevron-double-right"></i></a> #}
  90.                 {#                                <a href="#">1</a> #}
  91.                 {#                                <a href="#" class="active-page">2</a> #}
  92.                 {#                                <a href="#">3</a> #}
  93.                 {#                                <a href="#">4</a> #}
  94.                 {#                                <a href="#">...</a> #}
  95.                 {#                                <a href="#">7</a> #}
  96.                 {#                                <a href="#" class="next"><i class="mdi mdi-chevron-double-left"></i></a> #}
  97.                 {#                            </div> #}
  98.                 {#                        </div> #}
  99.                 {#                    </div> #}
  100.             </div>
  101.         </div>
  102.     </div>
  103. </div>
  104. {% endblock %}