templates/default/product_overview.html.twig line 1

Open in your IDE?
  1. <html lang="de" style="font-size: 13px">
  3. <head>
  4.     <link rel="preconnect" href="https://fonts.googleapis.com">
  5.     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  6.     <link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet">
  7.     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-1ycn6IcaQQ40/MKBW2W4Rhis/DbILU74C1vSrLJxCq57o941Ym01SwNsOMqvEBFlcgUa6xLiPY/NS5R+E6ztJQ==" crossorigin="anonymous" referrerpolicy="no-referrer" />
  8.     <link rel="stylesheet" href="https://unpkg.com/swiper@7/swiper-bundle.min.css" />
  10.     <link rel="stylesheet" type="text/css" href="/assets/css/bootstrap.min.css" />
  11.     <link rel="stylesheet" type="text/css" href="/assets/css/nice-select.css" />
  12.     <link rel="stylesheet" type="text/css" href="/assets/css/base.css" />
  13.     <link rel="stylesheet" type="text/css" href="/assets/css/media.css" />
  14. </head>
  15. <script>
  16. function inIframe () {
  17.     try {
  18.         return window.self !== window.top;
  19.     } catch (e) {
  20.         return true;
  21.     }
  22. }
  23. </script>
  24. <body>
  25.     <div class="loadercontainer">
  26.         <div class="loader">
  27.             <img src="/assets/img/loader.svg" />
  28.         </div>
  29.     </div>
  30.     <div class="container-fluid">
  31.         {# {{ dump(filters)  }} #}
  32.         <div class="row" style="padding: 0px 25px;">
  33.             {# FILTERS #}
  34.             <div class="col-sm-3 filterheading" style="border-bottom:1px solid #707070;">
  35.                 <div class="row">
  36.                     <div class="col-md-12 prheading" style="text-align:left;">
  37.                         FILTER
  38.                         <br>&nbsp;<br>
  39.                     </div>
  40.                 </div>
  41.             </div>
  43.             {# PRODUCTS #}
  44.             <div class="col-sm-9" style="border-bottom:1px solid #707070;">
  45.                 <div class="row">
  46.                     <div id="filtericon"><i class="fa fa-2x fa-filter" aria-hidden="true"></i></div>
  47.                     <div class="col-md-12 prheading filtersortcontainer" style="text-align:center">
  48.                         ARTIKEL
  49.                         <br>&nbsp;<br>
  50.                         <select id="sortselect" data-url="/productoverview?{{ filters.brand is defined ? "brand="~filters.brand : "" }}{{ filters.type is defined ? "&type="~filters.type }}{{ filters.casematerial is defined ? "&casematerial="~filters.casematerial }}{{ filters.collection is defined ? "&collection="~filters.collection }}">
  51.                             <option value="actual" {{ filters.sort is defined and filters.sort == "actual" ? "selected" : "" }}>Aktuelle zuerst</option>
  52.                             <option value="priceasc" {{ filters.sort is defined and filters.sort == "priceasc" ? "selected" : "" }}>Niedrigster Preis</option>
  53.                             <option value="pricedesc" {{ filters.sort is defined and filters.sort == "pricedesc" ? "selected" : "" }}>Höchster Preis</option>
  54.                             <option value="name" {{ filters.sort is defined and filters.sort == "name" ? "selected" : "" }}>Artikelbezeichnung</option>
  55.                         </select>
  56.                     </div>
  57.                 </div>
  58.             </div>
  59.         </div>
  61.         <div class="row" style="padding: 0px 25px;">
  62.             {# FILTERS #}
  63.             {% if filters.brand is defined %}
  64.                 {% set brandid = filters.brand %}
  65.                 {% set brandpath = pimcore_object(brandid).geto_path %}
  66.             {% endif %}
  67.             {% if jewellerycat is defined and jewellerycat is not null %}
  68.                 {% set brandpath = jewellerycat.geto_path %}
  69.             {% endif %}
  70.             {% if "Schmuck" not in brandpath and (filters.brand is not defined or (filters.brand is defined and (filters.brand != 83 and filters.brand != 89 and filters.brand != 1933))) %}
  71.                 <div class="col-sm-3" style="padding: 0px;">
  72.                 <div class="filterContainer">
  73.                     <div class="col-md-12" style="border-right: 1px solid #707070; padding: 40px 20px; border-bottom: 1px solid #707070;">
  74.                         <a href="/productoverview?{{ filters.brand is defined ? "brand="~filters.brand : "" }}{{ filters.type is defined ? "&type="~filters.type }}{{ filters.casematerial is defined ? "&casematerial="~filters.casematerial }}">
  75.                         <p class="filterHeading">KOLLEKTIONEN</p>
  76.                         </a>
  77.                         <div class="collapsFilter"><i class="fas fa-minus"></i></div>
  78.                         
  79.                         <ul class="filterValues">
  80.                             {% set brandCollections = filters.brandCollections %}
  81.                             {% for collection in brandCollections %}
  82.                                 {% set productcount = collection.dependencies.requiredby|length %}
  83.                                 {% if productcount > 0 %}
  84.                                     <li {{ filters.collection is defined and filters.collection == collection.id ? 'class="active"' : '' }}>
  85.                                         <a href="/productoverview?{{ filters.brand is defined ? "brand="~filters.brand : "" }}{{ filters.collection is defined and filters.collection == collection.id ? '' : "&collection="~collection.id }}{{ filters.type is defined ? "&type="~filters.type : "" }}">{{ collection.title }}</a>
  86.                                     </li>
  87.                                 {% endif %}
  88.                             {% endfor %}
  89.                         </ul>
  90.                         
  91.                     </div>
  92.                     <div class="col-md-12" style="border-right: 1px solid #707070; padding: 40px 20px; border-bottom: 1px solid #707070;">
  93.                         <a href="/productoverview?{{ filters.brand is defined ? "brand="~filters.brand : "" }}{{ filters.collection is defined ? "&collection="~filters.collection : "" }}{{ filters.casematerial is defined ? "&casematerial="~filters.casematerial }}">
  94.                             <p class="filterHeading">TYP</p>
  95.                         </a>
  96.                         <div class="collapsFilter"><i class="fas fa-minus"></i></div>
  97.                         <ul class="filterValues">
  98.                             <li {{ filters.type is defined and filters.type == 195 ? 'class="active"' : '' }}>
  99.                                 <a href="/productoverview?{{ filters.brand is defined ? "brand="~filters.brand : "" }}{{ filters.collection is defined ? "&collection="~filters.collection : "" }}{{ filters.type is defined and filters.type == 195 ? '' : "&type=195" }}">Damenmodelle</a>
  100.                             </li>
  101.                             <li {{ filters.type is defined and filters.type == 194 ? 'class="active"' : '' }}>
  102.                                 <a href="/productoverview?{{ filters.brand is defined ? "brand="~filters.brand : "" }}{{ filters.collection is defined ? "&collection="~filters.collection : "" }}{{ filters.type is defined and filters.type == 194 ? '' : "&type=194" }}">Herrenmodelle</a>
  103.                             </li>
  104.                         </ul>
  105.                     </div>
  106.                     {# <div class="col-md-12" style="border-right: 1px solid #707070; padding: 40px 20px; border-bottom: 1px solid #707070;">
  107.                         <p class="filterHeading">UHRWERK</p>
  108.                         <div class="collapsFilter"><i class="fas fa-minus"></i></div>
  109.                         <ul class="filterValues">
  110.                             <li class="active">Automatik</li>
  111.                             <li>Manuell</li>
  112.                         </ul>
  113.                     </div> #}
  114.                     <div class="col-md-12" style="border-right: 1px solid #707070; padding: 40px 20px; border-bottom: 1px solid #707070;">
  115.                         
  116.                         <a href="/productoverview?{{ filters.brand is defined ? "brand="~filters.brand : "" }}{{ filters.collection is defined ? "&collection="~filters.collection : "" }}">
  117.                         <p class="filterHeading">GEHÄUSE</p>
  118.                         </a>
  119.                         <div class="collapsFilter"><i class="fas fa-minus"></i></div>
  120.                         <ul class="filterValues">
  121.                             <li {{ filters.casematerial is defined and filters.casematerial == 'gold' ? 'class="active"' : '' }}>
  122.                                 <a href="/productoverview?{{ filters.brand is defined ? "brand="~filters.brand : "" }}{{ filters.collection is defined ? "&collection="~filters.collection : "" }}{{ filters.type is defined ? "&type="~filters.type }}{{ filters.casematerial is defined and filters.casematerial == 'gold' ? '' : "&casematerial=gold" }}">Gold</a>
  123.                             </li>
  124.                             <li {{ filters.casematerial is defined and filters.casematerial == 'stahl' ? 'class="active"' : '' }}>
  125.                                 <a href="/productoverview?{{ filters.brand is defined ? "brand="~filters.brand : "" }}{{ filters.collection is defined ? "&collection="~filters.collection : "" }}{{ filters.type is defined ? "&type="~filters.type }}{{ filters.casematerial is defined and filters.casematerial == 'stahl' ? '' : "&casematerial=stahl" }}">Edelstahl</a>
  126.                             </li>
  127.                             <li {{ filters.casematerial is defined and filters.casematerial == 'keramik' ? 'class="active"' : '' }}>
  128.                                 <a href="/productoverview?{{ filters.brand is defined ? "brand="~filters.brand : "" }}{{ filters.collection is defined ? "&collection="~filters.collection : "" }}{{ filters.type is defined ? "&type="~filters.type }}{{ filters.casematerial is defined and filters.casematerial == 'keramik' ? '' : "&casematerial=keramik" }}">Keramik</a>
  129.                             </li>
  130.                             <li {{ filters.casematerial is defined and filters.casematerial == 'titan' ? 'class="active"' : '' }}>
  131.                                 <a href="/productoverview?{{ filters.brand is defined ? "brand="~filters.brand : "" }}{{ filters.collection is defined ? "&collection="~filters.collection : "" }}{{ filters.type is defined ? "&type="~filters.type }}{{ filters.casematerial is defined and filters.casematerial == 'titan' ? '' : "&casematerial=titan" }}">Titan</a>
  132.                             </li>
  133.                         </ul>
  134.                     </div>
  135.                 </div>
  136.             </div>
  137.             {% elseif brandpath == "/PIM/02 Schmuck/01 Marken/" %}
  138.                     <div class="col-sm-3" style="padding: 0px;">
  139.                         <div class="filterContainer">
  140.                             <div class="col-md-12" style="border-right: 1px solid #707070; padding: 40px 20px; border-bottom: 1px solid #707070;">
  141.                                 <a href="/productoverview?{{ filters.brand is defined ? "brand="~filters.brand : "" }}{{ filters.type is defined ? "&type="~filters.type }}{{ filters.casematerial is defined ? "&casematerial="~filters.casematerial }}">
  142.                                 <p class="filterHeading">KOLLEKTIONEN</p>
  143.                                 </a>
  144.                                 <div class="collapsFilter"><i class="fas fa-minus"></i></div>
  145.                                 
  146.                                 <ul class="filterValues">
  147.                                     {% set brandCollections = filters.brandCollections %}
  148.                                     {% for collection in brandCollections %}
  149.                                         {% set productcount = collection.dependencies.requiredby|length %}
  150.                                         {% if productcount > 0 %}
  151.                                             <li {{ filters.collection is defined and filters.collection == collection.id ? 'class="active"' : '' }}>
  152.                                                 <a href="/productoverview?{{ filters.brand is defined ? "brand="~filters.brand : "" }}{{ filters.collection is defined and filters.collection == collection.id ? '' : "&collection="~collection.id }}{{ filters.type is defined ? "&type="~filters.type : "" }}">{{ collection.title }}</a>
  153.                                             </li>
  154.                                         {% endif %}
  155.                                     {% endfor %}
  156.                                 </ul>
  157.                                 
  158.                             </div>
  159.                         </div>
  160.                     </div>
  161.             {% else %}
  162.                 <div class="col-sm-3" style="padding: 0px;"></div>
  163.             {% endif %}
  164.             {# PRODUCTS #}
  165.             <div class="col-sm-9">
  166.                 
  167.                 <div class="row">
  168.                     {% set counter = 0 %}
  169.                     {% for product in products %}
  170.                     {% set counter = counter + 1 %}
  171.                     <div class="col-md-4">
  172.                         <div class="productElement">
  173.                             <div class="productPicture" style="background-image:url('{{product.frontimage}}')">
  174.                             </div>
  175.                             <p class="prElHeading">{{product.model}}</p>
  176.                             {% if product.brand is defined and product.brand is not null %}
  177.                             <p class="prElSubHeading">{{product.brand.name}}</p>
  178.                             {% else %}
  179.                             {# {{dump(product.id)}}     #}
  180.                             {% endif %}
  181.                             
  182.                             {# <a href="/produkt/{{product.id}}"> #}
  183.                                 <button class="primary openproduct" data-id="{{product.id}}/{{ product.brand.name|replace({" " : "-"}) }}/{{ product.model|replace({"/" : "-", " " : "-"}) }}/{{ product.articleNumber|replace({"/" : "-", " " : "-"}) }}" style="margin-top:15px">MEHR ERFAHREN</button>
  184.                             {# </a> #}
  185.                         </div>
  186.                     </div>
  187.                     {% if counter % 3 == 0 %}
  188.                         </div>
  189.                         <div class="row">
  190.                     {% endif %}
  191.                     {% endfor %}
  192.                     
  193.                 </div>
  194.                 
  195.                 <div class="row">
  196.                     <div class="spacer-md">
  197.                     </div>
  198.                 </div>
  199.                 
  200.                 {% if filters.page is defined and filters.page is not null %}
  201.                 <div class="row">
  202.                     <div class="col-md-2"></div>
  203.                     <div class="col-md-8" style="text-align:center;">
  204.                         <a href="/productoverview?{{ filters.brand is defined ? "brand="~filters.brand : "" }}{{ filters.type is defined ? "&type="~filters.type }}{{ filters.casematerial is defined ? "&casematerial="~filters.casematerial }}{{ filters.collection is defined ? "&collection="~filters.collection }}{{ filters.sort is defined ? "&sort="~filters.sort }}"><button class="primary">MEHR ANZEIGEN</button></a>
  205.                     </div>
  206.                     <div class="col-md-2"></div>
  207.                 </div>
  208.                 {% endif %}    
  209.             </div>
  210.         </div>
  212.         <div class="row">
  213.             <div class="spacer-md">
  214.             </div>
  215.         </div>
  217.     </div>
  218.     <script>
  219.         window.onload = function() {
  220.             document.getElementsByClassName('loadercontainer')[0].style.visibility = 'hidden';
  221.         }
  222.     </script>
  223.     <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
  224.     <script src="https://unpkg.com/swiper@7/swiper-bundle.min.js"></script>
  225.     <script src="/assets/js/bootstrap.min.js"></script>
  226.     <script src="/assets/js/jquery.nice-select.js"></script>
  227.     <script src="/assets/js/base.js"></script>
  228. </body>
  230. </html>