templates/product/overview.html.twig line 1

Open in your IDE?
  1. {% extends "layout/default.html.twig" %}
  3. {% block content %}
  4.     <main id="main-content" role="main" class="{{ not editmode ? 'main-content' }} content-block js-content-visibility content-visibility--auto js-smoothscroll js-affix__container">
  5.         {{ include('navigation/breadcrumb.html.twig') }}
  7.         <section class="container">
  8.             {{ include('includes/title-blocks/title-block.html.twig', {
  9.                 titleTag: 'h1',
  10.                 introStyle: 'description-text'
  11.             }) }}
  12.         </section>
  13.         {{ include('includes/areablock.html.twig') }}
  15.         {% if editmode %}
  16.             {% embed('includes/editmode-settings.html.twig') %}
  17.                 {% block settings %}
  18.                 <div class="h4">Pre-filter:</div>
  19.                 <div class="row">
  20.                     <div class="col-12">
  21.                         <div class="mb-2">
  22.                             Products of the following categories get displayed. If empty, no Products will be displayed.<br>
  23.                             Sorting works according to the order of the categories. And inside the category we sort Products by a defined attribute in the Product class.
  24.                         </div>
  25.                         {{ pimcore_relations('categories', {
  26.                             "types": ["object"],
  27.                             "subtypes": {
  28.                                 "object": ["object"]
  29.                             },
  30.                             "classes": ["ProductCategory"],
  31.                             "title": "ProductCategory objects"
  32.                         }) }}
  33.                     </div>
  34.                 </div>
  35.                 {% endblock %}
  36.             {% endembed %}
  37.         {% endif %}
  39.         <section class="js-product-grid product-grid content-block" data-product-grid-ajax-url="{{ document.fullpath }}?ajax=1">
  40.             <div class="container">
  41.                 <div id="auto-submit-text" class="visually-hidden">
  42.                     {{ 'product.overview.This gets reloaded if something changes'|trans }}
  43.                 </div>
  45.                 {{ include('includes/overlays/loading-overlay.html.twig', {
  46.                     className: 'js-product-grid__loading',
  47.                     hidden: true
  48.                 }) }}
  50.                 <section class="js-product-grid__container" aria-live="off" aria-describedby="auto-submit-text">
  51.                     {{ include('includes/product/product-content.html.twig', {
  52.                         'products': products,
  53.                     }) }}
  54.                 </section>
  55.             </div>
  56.         </section>
  58.         {{ include('includes/areablock.html.twig', {'areaName': 'areasBottom'}) }}
  59.     </main>
  60.     {{ pimcore_placeholder('jsFile').set("js/product") }}
  61. {% endblock %}