themes/XChildTheme/templates/bundles/BitBagSyliusElasticsearchPlugin/Shop/Product/index.html.twig line 1

Open in your IDE?
  1. {% extends '@SyliusShop/layout.html.twig' %}
  3. {% form_theme form '@SyliusUi/Form/theme.html.twig' %}
  5. {% import '@SyliusUi/Macro/messages.html.twig' as messages %}
  6. {% import '@SyliusUi/Macro/pagination.html.twig' as pagination %}
  8. {% block content %}
  9. <div class="container-fluid">
  10. {{ form_start(form, {'method': 'GET', 'attr': {'class': 'ui loadable form'}}) }}
  11. <section class="row list-of-products">
  14. <div class="current-category position-relative p-0">
  15. <h1 class=" badge-primary p-3 position-absolute bottom-0" style="xbackground-color:#f1f1f1; ">
  16. {{ taxon.name }}
  17. <div class="sub header">{{ taxon.description }}</div>
  18. </h1>
  19. <img class="w-100" src="https://images-eu.ssl-images-amazon.com/images/G/39/beauty/store/perfumes/ATF_CN_Perfumes_1500x250_EN._CB1587050593_.jpg" alt="Perfumes | New selection">
  20. </div>
  22. <div class="p-4 text-center sub-categories">
  24. {% if taxon.children|length > 0 %}
  26. {% for item in taxon.children %}
  27. {# {{ dump(item) }} #}
  28. <a href="" class="badge badge-primary p-2 mb-2 rounded-pill">
  29. {{item.name}}
  30. </a>
  31. {% endfor %}
  32. {% endif %}
  33. </div>
  35. <div class="top-bar-filter ">
  37. <div class="row">
  38. <div class="col-12 col-lg-6">
  39. {% include '@BitBagSyliusElasticsearchPlugin/Shop/Product/Index/_sorting.html.twig' %}
  41. </div>
  42. {# <div class="col-5"> #}
  43. {# <div class="ui search" id="products-search">
  44. <div class="ui fluid large left icon input">
  45. {{ form_widget(form.name, {'attr': {'placeholder': 'sylius.ui.search', 'class': 'prompt'}}) }}
  46. <i class="bi bi-search"></i>
  47. </div>
  48. </div> #}
  49. {# </div> #}
  50. <div class="col-12 col-lg-6">
  51. {% include '@BitBagSyliusElasticsearchPlugin/Shop/Product/Index/_pagination.html.twig' %}
  52. </div>
  53. </div>
  54. <hr>
  56. <div class="row">
  57. <div class="col-lg-2">
  58. <aside class="search-side">
  59. <div id="filters-vertical" class="mb-3 pt-4">
  60. <div class="header item">
  61. {{ 'bitbag_sylius_elasticsearch_plugin.ui.filter_results'|trans }}
  62. </div>
  63. <hr>
  65. {% include '@BitBagSyliusElasticsearchPlugin/Shop/Product/Index/_filterForm.html.twig' %}
  66. </div>
  67. </aside>
  68. </div>
  69. <div class="col-lg-10">
  70. {% if products|length > 0 %}
  71. <div class="row" id="products">
  72. {% for product in products %}
  73. <div class="col-6 col-lg-3">
  74. {% include '@SyliusShop/Product/_box.html.twig' %}
  75. </div>
  76. {% endfor %}
  77. </div>
  80. {{ pagination.simple(products) }}
  81. {% else %}
  82. {{ messages.info('sylius.ui.no_results_to_display') }}
  83. {% endif %}
  84. </div>
  86. </div>
  89. {{ render(url('sylius_shop_partial_cart_summary', {'template': '@SyliusShop/Cart/_widgetCol.html.twig'})) }}
  92. </div>
  96. </section>
  97. {{ form_end(form, {'render_rest': false}) }}
  98. </div>
  101. {% endblock %}