templates/ECommerce/App/Product/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% trans_default_domain 'ECommerceBundle' %}
  5. {%- import 'ECommerce/App/Product/macros.html.twig' as macros -%}
  7. {% block body %}
  8. <div class="container-fluid" id="">
  9. <div class="row">
  10. <div class="container">
  11. <div class="content">
  12. <div class="container">
  13. <div class="row">
  15. <div class="col">
  16. <div class="row p-0 blog-post-content align-items-start">
  17. <div class="col-2 p-0">
  18. {% include 'ECommerce/App/Product/sidebar.ajax.twig' %}
  19. </div>
  21. <div class="col-10 p-0 product-index-table border-left-2">
  22. <div class="row p-0 pl-5">
  23. <img src="{{ asset('assets/static/shop-hero.png') }}" class="img-fluid w-100" alt="Shop Hero" />
  24. </div>
  25. <div class="row table-headline p-0 pl-3">
  26. <div>
  27. <select name="Sort" aria-label="Sort">
  28. <option value="{{ 'general.sort'|trans }}">{{ 'general.sort'|trans }}</option>
  29. <option value="{{ 'general.price_asc'|trans }}">{{ 'general.price_asc'|trans }}</option>
  30. <option value="{{ 'general.price_desc'|trans }}">{{ 'general.price_desc'|trans }}</option>
  31. <option value="{{ 'general.name_asc'|trans }}">{{ 'general.name_asc'|trans }}</option>
  32. <option value="{{ 'general.name_desc'|trans }}">{{ 'general.name_desc'|trans }}</option>
  33. </select>
  34. <a class="list-view"
  35. href="{{ path(app.request.attributes.get('_route'), app.request.query.all | merge({'view': 'list', 'limit': 6})) }}">
  36. <img src="{{ asset('assets/static/list-view-selected.svg') }}"
  37. alt="List View">
  38. </a>
  39. <a class="large-icon-view"
  40. href="{{ path(app.request.attributes.get('_route'), app.request.query.all | merge({'view': 'largeIcons', 'limit': 8})) }}">
  41. <img src="{{ asset('assets/static/large-icon-view.svg') }}"
  42. alt="Large Icon View">
  43. </a>
  44. </div>
  45. </div>
  47. <div class="row p-0 pl-3">
  48. <div class="col-12 product-tale-like with-photos p-0 without-pagination">
  49. {{- macros.product_depot_table_header() -}}
  50. {{- macros.depot_product_table_body(products, '') -}}
  52. <div class="navigation d-flex justify-content-end ml-auto product-index-navigation">
  53. <div class="row pl-0 pr-0">
  54. <div class="col-12 ">
  55. {{ knp_pagination_render(products) }}
  56. </div>
  57. </div>
  58. </div>
  60. <div class="sorting d-flex justify-content-end ml-auto">
  61. <div class="row pl-0 pr-0">
  62. <div class="col-12 ">
  63. {{ knp_pagination_sortable(products, '', '') }}
  64. </div>
  65. </div>
  66. </div>
  67. </div>
  68. </div>
  69. </div>
  70. </div>
  72. <div class="row justify-content-center">
  73. <div class="synonym-products">
  74. <div id="interchange-wrapper" class="mt-3 mb-5">
  75. <div class="row justify-content-center">
  76. <div class="col-12 mb-5 text-center">
  77. <h1>{{ 'general.interchange_button_title'|trans }}</h1>
  78. <a class="btn btn-primary mt-4"
  79. href="{{ path('mdl_app_synonym_product_find', { 'title': ('*'|trim('*', 'left')) }) }}"
  80. data-intro="{{ ('intro.interchange'|trans) }}"
  81. data-toggle="replace"
  82. data-trigger="#interchange-wrapper">
  83. <span class="text-capitalize font-21 font-weight-normal">{{ 'general.interchange_button_search'|trans }}</span>
  84. <img src="{{ asset('assets/static/arrows-both-way.svg') }}" class="img-fluid ml-5"
  85. alt="found in interchange catalogue">
  86. </a>
  87. </div>
  88. </div>
  89. </div>
  90. </div>
  91. </div>
  92. </div>
  94. </div>
  95. </div>
  96. </div>
  97. </div>
  98. </div>
  99. </div>
  100. {% endblock %}