templates/app/Section/templates/base_online_store.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block page_container %}
  4.   <section class="bg-white">
  5.     <div class="page-wrapper section-content-group">
  6.         {% include "app/OnlineStore/_breadcrumb.html.twig" %}
  7.     </div>
  8.   </section>
  9.   <div class="page-wrapper">
  10.     <div class="row mt-1r">
  11.         <div class="col-sm-12 col-md-12 col-xs-12 mb-4 mx-0">
  12.             <div class="row">
  13.                 <div class="col-sm-3 col-md-3 col-xs-12 mb-4 mx-0">
  14.                     <a href="{{ path('app_online_store') }}" class="link-online">
  15.                         <p class="ff-os-semibold ct-blue fs-22">{{ "section.templates.store_online.content.categories"|trans }}</p>
  16.                     </a>
  17.                     {% include "app/OnlineStore/_childs.html.twig" with {
  18.                         'parentGroup': parentGroup
  19.                     } %}
  20.                 </div>
  21.                 <div class="offset-1 col-sm-8 col-md-8 col-xs-12 section-online">
  22.                     <div id="results">
  23.                         <div class="row">
  24.                         {% for offer in offers|reverse|slice(-1, 1) %}
  25.                             <div class="col-md-12 col-xs-12 {% if not is_mobile() %}col-pa-7{% endif %}">
  26.                                 {% if offer.url|default(0) %}
  27.                                     <a href="{{ offer.url }}">
  28.                                         <img src="{{ vich_uploader_asset(offer, 'imageFile') }}" class="img-fluid">
  29.                                     </a>
  30.                                 {% else %}
  31.                                     <img src="{{ vich_uploader_asset(offer, 'imageFile') }}" class="img-fluid">
  32.                                 {% endif %}
  33.                             </div>
  34.                         {% endfor %}
  35.                         </div>
  36.                         <div class="row mt-1r">
  37.                             {% for offer in offers|slice(1, 3) %}
  38.                                 <div class="col-md-4 col-xs-12 {% if not is_mobile() %}col-pa-7{% endif %} mb-1r">
  39.                                     {% if offer.url|default(0) %}
  40.                                         <a href="{{ offer.url }}">
  41.                                             <img src="{{ vich_uploader_asset(offer, 'imageFile') }}" class="img-fluid">
  42.                                         </a>
  43.                                     {% else %}
  44.                                         <img src="{{ vich_uploader_asset(offer, 'imageFile') }}" class="img-fluid">
  45.                                     {% endif %}
  46.                                 </div>
  47.                             {% endfor %}
  48.                         </div>
  49.                         {# render Ajax template #}
  50.                     </div>
  51.                 </div>
  52.             </div>
  53.         </div>
  54.     </div>
  55.   </div>
  56. {% endblock %}
  58. {% block javascripts %}
  59.     {{ parent() }}
  60.     {{ encore_entry_script_tags('accordion') }}
  61.     <script>
  63.         function getResults(groupId, order = '', attribute = '') {
  64.             $.ajax({
  65.                 type: "GET",
  66.                 url: '{{ path('app_results_products') }}',
  67.                 data: {
  68.                     parentGroup: groupId,
  69.                     order: order,
  70.                     attribute: attribute
  71.                 }
  72.             })
  73.             .done(function(response){
  74.                 template = response;
  75.                 $('#results').html(template);
  76.             })
  77.             .fail(function(jqXHR, textStatus, errorThrown){
  78.                 alert('Error : ' + errorThrown);
  79.             });
  80.         }
  82.         $('.myaccordion').click(function() {
  83.             let id = $(this).attr('id');
  84.         });
  86.         $('.myaccordion a').click(function(event) {
  87.             getResults($(this).data().groupId);
  88.         });
  90.         $(document).on('click', '.order', function() {
  91.             let order = $(this).data().order;
  92.             let attribute = $(this).data().attribute;
  93.             let parentGroupId = $('#parent_group_result').data().groupId;
  95.             getResults(parentGroupId, order, attribute);
  96.         });
  97.     </script>
  98. {% endblock %}