templates/kategories/product.html.twig line 8

Open in your IDE?
  1. {% extends "base.html.twig" %}
  2. {% block content %}
  5.     <div class="container wholeprod">
  6.     <div class="row">
  7.         <div class="col">
  8.             <h2>{{produkt.nazwa}}</h2>
  10.         </div>
  11.     </div>
  12.         <div class="row">
  14.                     <div class="col-sm-12 col-md-7" style="position:relative;
  15.                                                             display: flex;">
  17.                         <div class="prod_img" style=" display:flex; 
  18.                                                         align-items: center;">
  20.                             {% if produkt.imageUrl | length > 0 %}
  21.                             
  22.                             {# {{ produkt.imageUrl|split(' ', 2)|join(' ') }}
  23.                             {{ produkt.imageUrl|replace({' ': '%20'})}} #}
  24.                             
  25.                                 {% set mainImage = produkt.imageUrl %}
  26.                                 {# {% set image = sulu_resolve_media(mainImage.id, 'inline') %}
  27.                                                                                                                 <div>{{get_image(image, '1380x')}}</div> #}
  28.                                 <img src={{mainImage}}>
  29.                             {% endif %}
  31.                         </div>
  33.                         <div class="icons" style="position: absolute;
  34.                                                     bottom: 6px;
  35.                                                     width: 100%;">
  36.                     <div class="icon">
  37.                         <img class="mysvg" src="/img/Conformité_Européenne_(logo).svg"/>
  38.                     </div>
  39.                     <div class="icon-info">
  40.                         Deklaracja zgodności CE</div>
  42.                     <div class="icon">
  43.                         <img class="mysvg" src="/img/eac.png"/>
  44.                     </div>
  45.                     <div class="icon-info">Eurasian Conformity mark</div>
  47.                     <div class="icon">
  48.                         <img class="mysvg" src="/img/ip{{produkt.modelOprawy.klasaIp}}.png"/>
  49.                     </div>
  50.                     <div class="icon-info">Klasa IP</div>
  52.                     <div class="icon">
  53.                         <img class="mysvg" src="/img/ik{{produkt.modelOprawy.klasaIk}}.png"/>
  54.                     </div>
  55.                     <div class="icon-info">Klasa IK</div>
  57.                     <div class="icon">
  58.                         <img class="mysvg" src="/img/ral2.png"/>
  59.                     </div>
  60.                     <div class="icon-info">RAL</div>
  62.                     <div class="icon">
  63.                         <img class="mysvg" src="/img/220v.png"/>
  64.                     </div>
  65.                     <div class="icon-info">220V / 230 V</div>
  67.                     <div class="icon">
  68.                         <img class="mysvg" src="/img/evg.png"/>
  69.                     </div>
  70.                     <div class="icon-info">EVG</div>
  72.                     <div class="icon">
  73.                         <img class="mysvg" src="/img/led.png"/>
  74.                     </div>
  75.                     <div class="icon-info">LED</div>
  77.                     <div class="icon">
  78.                         <img class="mysvg" src="/img/ico1.png"/>
  79.                     </div>
  80.                     <div class="icon-info"></div>
  82.                     <div class="icon">
  83.                         <img class="mysvg" src="/img/indor.png"/>
  84.                     </div>
  85.                     <div class="icon-info">Do użytku wewnętrznego</div>
  87.                     <div class="icon">
  88.                         <img class="mysvg" src="/img/sufit.png"/>
  89.                     </div>
  90.                     <div class="icon-info">Mocowanie na suficie</div>
  92.                     <div class="icon">
  93.                         <img class="mysvg" src="/img/lampa.png"/>
  94.                     </div>
  95.                     <div class="icon-info">Mocowanie jako lampa</div>
  97.                     <div class="icon">
  98.                         <img class="mysvg" src="/img/al.png"/>
  99.                     </div>
  100.                     <div class="icon-info">AL</div>
  101.                 </div>
  103.         </div>
  106.             <div class="col-sm-12 col-md-5">
  107.                 <div class="prod_details">
  108.                     <div class="wrapper">
  109.                         <div class="tabs">
  110.                             <nav class="tabs__nav" role="tablist">
  111.                                 <button class="tabs__btn is-active" data-tab-target="tab-1" type="button" role="tab" aria-selected="true">O produkcie</button>
  112.                                 {# <button class="tabs__btn" data-tab-target="tab-2" type="button" role="tab" aria-selected="false">Dioda</button>
  113.                                                                                                                                                                                                 <button class="tabs__btn" data-tab-target="tab-3" type="button" role="tab" aria-selected="false">Kolor</button>
  114.                                                                                                                                                                                                 <button class="tabs__btn" data-tab-target="tab-4" type="button" role="tab" aria-selected="false">Sterowanie</button>
  115.                                                                                                                                                                                                 <button class="tabs__btn" data-tab-target="tab-5" type="button" role="tab" aria-selected="false">LED</button>
  116.                                                                                                                                                                                                 <button class="tabs__btn" data-tab-target="tab-6" type="button" role="tab" aria-selected="false">Holder</button>
  117.                                                                                                                                                                                                 <button class="tabs__btn" data-tab-target="tab-7" type="button" role="tab" aria-selected="false">Odbłyśnik</button>
  118.                                                                                                                                                                                                 <button class="tabs__btn" data-tab-target="tab-8" type="button" role="tab" aria-selected="false">Przesłona</button> #}
  119.                                 {# <button class="tabs__btn" data-tab-target="tab-9" type="button" role="tab" aria-selected="false">Pobierz</button> #}
  120.                             </nav>
  121.                             <div class="tabs__content">
  122.                                 <div class="tabs__pane is-visible" id="tab-1" role="tabpanel">
  123.                                     {# <div class="_name">
  124.                                         {{produkt.nazwa}}
  125.                                     </div> #}
  126.                                     {# <div class="_details">
  127.                                         <b>Kod produktu:</b>
  128.                                         {{produkt.kod}}
  129.                                     </div> #}
  130.                                     {# {% if produkt.krajPochodzenia %}
  131.                                         <div class="_details">
  132.                                             <b>Kraj pochodzenia:</b>
  133.                                             {{produkt.krajPochodzenia}}</div>
  134.                                     {% endif  %} #}
  135.                                     {# <div class="_details">
  136.                                         <b>EAN:</b>
  137.                                         {{produkt.ean}}</div> #}
  138.                                     <div class="_details">
  139.                                         <b>Opis produktu:</b><br/>
  140.                                         {{produkt.opisPL | raw}}
  141.                                         {# {{produkt.modelOprawy.opisModeluOprawy | raw}} #}
  142.                                     </div>
  143.                                     <div class="_details">
  144.                                         <b>Opcje dodatkowe:</b><br/>
  145.                                         {# <div style="margin-top: 10px;">Sterowanie: #}
  146.                                         {{produkt.Options | raw}}<br/>
  147.                                     {# <div style="margin-top: 5px;">Rodzaj przesłony:</span>
  148.                                                                             {{produkt.przeslona.typ | raw}}</div> #}
  149.                                     </div>
  150.                                     <div class="_details">
  151.                                                 
  152.                                     <b class="">POBIERZ</b>
  153.                 
  154.             
  155.                                     <div class="downl" style="padding-bottom:0px;">
  156.                                         <div class="col-sm-12">
  157.                                             <a target="_blank" href="/kategories/{{produkt.modelOprawy.kategoria.id}}/produkty{{produkt.slug}}/pdf"><i class="far fa-file-pdf"></i><span>Karta katalogowa</span></a>
  158.                                         </div>
  159.                                         <div class="col-sm-12">
  160.                                             <a target="_blank" href="/kategories/{{produkt.modelOprawy.kategoria.id}}/produkty{{produkt.slug}}/pdf_en"><i class="far fa-file-pdf"></i><span>Karta katalogowa EN</span></a><br/>
  161.                                         </div>
  162.                                         <div class="col-sm-12">
  163.                                             <a target="_blank" href="/kategories/{{produkt.modelOprawy.kategoria.id}}/produkty{{produkt.slug}}/CE"><i class="far fa-file-pdf"></i><span>Deklaracja zgodności</span></a><br/>
  164.                                         </div>
  165.                                         <div class="col-sm-12">
  166.                                             <a target="_blank" href="/kategories/{{produkt.modelOprawy.kategoria.id}}/produkty{{produkt.slug}}/UKCA"><i class="far fa-file-pdf"></i><span>Deklaracja zgodności UKCA</span></a><br/>
  167.                                         </div>
  168.                                         <div class="col-sm-12">
  169.                                             <a target="_blank" href="/kategories/{{produkt.modelOprawy.kategoria.id}}/produkty{{produkt.slug}}/plikFoto"><i class="far fa-file-pdf"></i><span>Plik fotometryczny</span></a><br/>
  170.                                         </div>
  171.                                     </div>
  172.                                     {# <a target="_blank" href={{produkt.plikFotometryczny}}>Plik Fortometryczny 2</a><br/> #}
  174.     
  175.                                     </div>
  176.                             </div>
  177.                             <div class="tabs__pane" id="tab-2" role="tabpanel">
  178.                                 <div class="_name">
  179.                                     Dioda
  180.                                 </div>
  182.                                 <div class="_details">
  183.                                     <b>Typ diody:</b>
  184.                                     {{produkt.dioda.typ | raw}}
  185.                                 </div>
  187.                                 <div class="_details">
  188.                                     <b>Barwa swiecenia:</b>
  189.                                     {{produkt.dioda.barwaSwiecenia | raw}}
  190.                                 </div>
  192.                                 <div class="_details">
  193.                                     <b>Typ diody nazwa:</b>
  194.                                     {{produkt.dioda.typDiodyNazwa | raw}}
  195.                                 </div>
  196.                                 <div class="_details">
  197.                                     <b>Typ diody nazwa dodatkowa:</b>
  198.                                     {{produkt.dioda.typDiodyNazwaDodatkowa | raw}}
  199.                                 </div>
  200.                                 <div class="_details">
  201.                                     <b>Dioda cct / kelvin:</b>
  202.                                     {{produkt.dioda.cctKelvin | raw}}
  203.                                 </div>
  204.                             </div>
  205.                             <div class="tabs__pane" id="tab-3" role="tabpanel">
  206.                                 <div class="_name">
  207.                                     Kolor
  208.                                 </div>
  210.                                 <div class="_details">
  211.                                     <b>Kolor kod:</b>
  212.                                     {{produkt.kolor.kod | raw}}
  213.                                 </div>
  215.                                 <div class="_details">
  216.                                     <b>Kolor nazwa:</b>
  217.                                     {{produkt.kolor.nazwa | raw}}
  218.                                 </div>
  220.                                 <div class="_details">
  221.                                     <b>Kolor RAL:</b>
  222.                                     {{produkt.kolor.ral | raw}}
  223.                                 </div>
  224.                             </div>
  225.                             <div class="tabs__pane" id="tab-4" role="tabpanel">
  226.                                 <div class="_name">
  227.                                     Sterowanie
  228.                                 </div>
  230.                                 <div class="_details">
  231.                                     <b>Sterowanie kod:</b>
  232.                                     {{produkt.sterowanie.kod | raw}}
  233.                                 </div>
  235.                                 <div class="_details">
  236.                                     <b>Sterowanie nazwa:</b>
  237.                                     {{produkt.sterowanie.nazwa | raw}}
  238.                                 </div>
  239.                             </div>
  240.                             <div class="tabs__pane" id="tab-5" role="tabpanel">
  241.                                 <div class="_name">
  242.                                     LED Driver
  243.                                 </div>
  245.                                 <div class="_details">
  246.                                     <b>Led typ:</b>
  247.                                     {{produkt.ledDriver.typ | raw}}
  248.                                 </div>
  250.                                 <div class="_details">
  251.                                     <b>Prąd zasilania:</b>
  252.                                     {{produkt.ledDriver.pradZasilania | raw}}
  253.                                 </div>
  254.                             </div>
  255.                             <div class="tabs__pane" id="tab-6" role="tabpanel">
  256.                                 <div class="_name">
  257.                                     Holder
  258.                                 </div>
  260.                                 <div class="_details">
  261.                                     <b>Typ:</b>
  262.                                     {{produkt.holder.typ | raw}}
  263.                                 </div>
  265.                                 <div class="_details">
  266.                                     <b>Nazwa:</b>
  267.                                     {{produkt.holder.nazwa | raw}}
  268.                                 </div>
  269.                             </div>
  270.                             <div class="tabs__pane" id="tab-7" role="tabpanel">
  271.                                 <div class="_name">
  272.                                     Odbłyśnik
  273.                                 </div>
  275.                                 <div class="_details">
  276.                                     <b>Typ:</b>
  277.                                     {{produkt.odblysnik.typ | raw}}
  278.                                 </div>
  280.                                 <div class="_details">
  281.                                     <b>Kąt:</b>
  282.                                     {{produkt.odblysnik.kat | raw}}
  283.                                 </div>
  284.                             </div>
  285.                             <div class="tabs__pane" id="tab-8" role="tabpanel">
  286.                                 <div class="_name">
  287.                                     Przesłona
  288.                                 </div>
  290.                                 <div class="_details">
  291.                                     <b>Typ:</b>
  292.                                     {{produkt.przeslona.typ | raw}}
  293.                                 </div>
  295.                                 <div class="_details">
  296.                                     <b>Opis:</b>
  297.                                     {{produkt.przeslona.opis | raw}}
  298.                                 </div>
  299.                             </div>
  300.                             {# <div class="tabs__pane" id="tab-9" role="tabpanel">
  301.                                 <div class="_name">
  302.                                     Pobierz
  303.                                 </div>
  305.                                 <div
  306.                                     class="_details">
  307.                                     <b>Pobierz:</b>
  308.                                     <b>
  309.                                         <a target="_blank" href="/kategories/{{produkt.modelOprawy.kategoria.id}}/produkty{{produkt.slug}}/pdf">Karta katalogowa</a><br/>
  310.                                         <a target="_blank" href="/kategories/{{produkt.modelOprawy.kategoria.id}}/produkty{{produkt.slug}}/pdf_en">Karta katalogowa EN</a><br/>
  311.                                         <a target="_blank" href="/kategories/{{produkt.modelOprawy.kategoria.id}}/produkty{{produkt.slug}}/CE">Deklaracja zgodności</a><br/>
  312.                                         <a target="_blank" href="/kategories/{{produkt.modelOprawy.kategoria.id}}/produkty{{produkt.slug}}/UKCA">Deklaracja zgodności UKCA</a><br/>
  313.                                         <a target="_blank" href="/kategories/{{produkt.modelOprawy.kategoria.id}}/produkty{{produkt.slug}}/plikFoto">Plik fotometryczny</a><br/>
  314.                                         <a target="_blank" href={{produkt.plikFotometryczny}}>Plik Fortometryczny 2</a><br/>
  315.                                     </b>
  316.                                 </div>
  317.                             </div> #}
  318.                         </div>
  319.                     </div>
  320.                 </div>
  321.             </div>
  324.             <div class="prod_gallery">
  325.                 <div class="row">
  326.                     {% if produkt.images %}
  327.                         {% for images in produkt.images %}
  328.                             {% set mainImg = images%}
  329.                             {% set url = sulu_resolve_media(mainImg.id, 'inline') %}
  330.                             {# {{dump(url.url)}} #}
  331.                             <div class="col-12 col-md-2 col-sm-4">
  332.                                 <a href="{{url.url}}" data-lightbox="produc-gallery">
  333.                                     {{get_image(url, '1380x')}}
  334.                                 </a>
  335.                             </div>
  336.                         {% endfor %}
  337.                     {% endif %}
  338.                 </div>
  339.             </div>
  340.         </div>
  343.                     <div class="col-sm-12 col-md-7">
  344.                 
  345.                 <div class="next">
  347.                     
  349.                 </div>
  350.             </div>
  353.             {# {{dump(produkt)}} #}
  356.             <div class="container-fluid">
  357.                 <div class="row">
  358.                     <h1 class="variants_title">WARIANTY</h1>
  359.                     {# <div class="col-lg-12"> #}
  360.                     <div class="warianty">
  361.                         <table id="variants" class="display responsive" cellspacing="0" width="100%">
  362.                             <thead>
  363.                                 <tr>
  364.                                     <th>Nazwa</th>
  365.                                     <th>Kolor<br></th>
  366.                                     <th>Barwa światła [K]<br></th>
  367.                                     <th>CRI<br></th>
  368.                                     <th>Kąt świecenia<br></th>
  369.                                     <th>Moc oprawy [W]<br></th>
  370.                                     <th>Lumen z oprawy [lm]<br></th>
  372.                                     <th>Typ światła<br></th>
  373.                                     <th></th>
  374.                                     <th></th>
  376.                                 </tr>
  377.                             </thead>
  378.                             <tbody>
  379.                                 {% for i, param in produkt.modelOprawy.produkts %}
  380.                                     {# {{dump(produkt.modelOprawy.kategoria.id)}} #}
  381.                                     {# {{dump(param)}} #}
  382.                                         {% if param.visibility == '1' %}
  383.                                             <tr>
  384.                                                 <td>
  385.                                                 {{param.nazwa}}
  386.                                                     <span style="display: none;"> <br><br>
  387.                                                     {# <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" >
  388.                                                                                                                                                                                             <path d="M0 256C0 114.6 114.6 0 256 0C397.4 0 512 114.6 512 256C512 397.4 397.4 512 256 512C114.6 512 0 397.4 0 256zM256 368C269.3 368 280 357.3 280 344V280H344C357.3 280 368 269.3 368 256C368 242.7 357.3 232 344 232H280V168C280 154.7 269.3 144 256 144C242.7 144 232 154.7 232 168V232H168C154.7 232 144 242.7 144 256C144 269.3 154.7 280 168 280H232V344C232 357.3 242.7 368 256 368z"/>
  389.                                                                                                                                                                                         </svg> #}
  390.                                                     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512" width="25" height="25" fill: currentcolor stroke: currentcolor>
  391.                                                         <path d="M256 0C114.6 0 0 114.6 0 256c0 141.4 114.6 256 256 256s256-114.6 256-256C512 114.6 397.4 0 256 0zM390.6 246.6l-112 112C272.4 364.9 264.2 368 256 368s-16.38-3.125-22.62-9.375l-112-112c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L256 290.8l89.38-89.38c12.5-12.5 32.75-12.5 45.25 0S403.1 234.1 390.6 246.6z"/>
  392.                                                     </svg>
  393.                                                 </span>
  394.                                             </td>
  395.                                             <td>
  396.                                                 {{param.kolor.nazwa}}
  397.                                             </td>
  398.                                             <td>
  399.                                                 {{param.dioda.cctKelvin}}
  400.                                             </td>
  401.                                             <td>
  402.                                                 {{param.dioda.CRI}}
  403.                                             </td>
  404.                                             <td>
  405.                                                 {{param.odblysnik.kat}}
  406.                                             </td>
  407.                                             <td>
  408.                                                 {{param.mocOprawy}}
  409.                                             </td>
  410.                                             <td>
  411.                                                 {{param.lumenOprawa}}
  412.                                             </td>
  413.                                             <td>
  414.                                                 {{param.dioda.typDiodyNazwa}}
  415.                                             </td>
  416.                                             {# <td>{{param.l90b10}}</td> #}
  417.                                             <td>
  418.                                                 {# {{dump(param) }} #}
  419.                                                 <a href="/kategories/{{produkt.modelOprawy.kategoria.id}}/produkty{{param.slug}}">
  420.                                                     ZOBACZ</a>
  421.                                             </td>
  422.                                             <td>
  423.                                                 <a class="addToBasket" onclick="addToBasket('{{ path('addToBasket', {'id': param.id})}}' ); changeIcon({{i}}); ">
  424.                                                     <div id="def{{i}}" class="default_icon">
  425.                                                         <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewbox="0 0 512.004 512.004" style="enable-background:new 0 0 512.004 512.004;" xml:space="preserve">
  426.                                                             <g>
  427.                                                                 <g>
  428.                                                                     <circle cx="153.6" cy="448.004" r="12.8"/>
  429.                                                                 </g>
  430.                                                             </g>
  431.                                                             <g>
  432.                                                                 <g>
  433.                                                                     <circle cx="409.6" cy="448.004" r="12.8"/>
  434.                                                                 </g>
  435.                                                             </g>
  436.                                                             <g>
  437.                                                                 <g>
  438.                                                                     <path d="M499.2,435.204h-26.889c-5.931-29.21-31.744-51.2-62.711-51.2c-30.959,0-56.781,21.99-62.711,51.2H216.277
  439.                                                                                                                                                                                                 c-5.726-28.015-29.824-49.229-59.179-50.85l-42.035-283.827c-0.401-2.722-1.673-5.222-3.61-7.177l-89.6-89.6
  440.                                                                                                                                                                                                 C16.853-1.25,8.755-1.25,3.755,3.75c-5,5-5,13.099,0,18.099l86.613,86.596l41.421,279.62
  441.                                                                                                                                                                                                 c-24.559,8.951-42.189,32.29-42.189,59.938c0,35.345,28.655,64,64,64c30.959,0,56.781-21.99,62.711-51.2h130.577
  442.                                                                                                                                                                                                 c5.931,29.21,31.753,51.2,62.711,51.2s56.781-21.99,62.711-51.2H499.2c7.074,0,12.8-5.726,12.8-12.8
  443.                                                                                                                                                                                                 C512,440.93,506.274,435.204,499.2,435.204z M153.6,486.404c-21.171,0-38.4-17.229-38.4-38.4c0-21.171,17.229-38.4,38.4-38.4
  444.                                                                                                                                                                                                 c21.171,0,38.4,17.229,38.4,38.4C192,469.175,174.771,486.404,153.6,486.404z M409.6,486.404c-21.171,0-38.4-17.229-38.4-38.4
  445.                                                                                                                                                                                                 c0-21.171,17.229-38.4,38.4-38.4s38.4,17.229,38.4,38.4C448,469.175,430.771,486.404,409.6,486.404z"/>
  446.                                                                 </g>
  447.                                                             </g>
  448.                                                             <g>
  449.                                                                 <g>
  450.                                                                     <path d="M461.713,240.021L435.2,332.804H197.12l-25.6-179.2h89.941c-2.347-8.26-4.011-16.802-4.813-25.6H171.52
  451.                                                                                                                                                                                                 c-7.424,0-14.473,3.217-19.337,8.823s-7.057,13.047-5.999,20.395l25.6,179.2c1.792,12.612,12.595,21.982,25.335,21.982H435.2
  452.                                                                                                                                                                                                 c11.426,0,21.478-7.578,24.619-18.569l35.49-124.203C485.419,225.336,474.103,233.553,461.713,240.021z"/>
  453.                                                                 </g>
  454.                                                             </g>
  455.                                                             <g>
  456.                                                                 <g>
  457.                                                                     <path d="M396.8,0.004c-63.625,0-115.2,51.576-115.2,115.2s51.575,115.2,115.2,115.2S512,178.829,512,115.204
  458.                                                                                                                                                                                                 S460.425,0.004,396.8,0.004z M396.8,204.804c-49.408,0-89.6-40.192-89.6-89.6s40.192-89.6,89.6-89.6
  459.                                                                                                                                                                                                 c49.408,0,89.6,40.192,89.6,89.6S446.208,204.804,396.8,204.804z"/>
  460.                                                                 </g>
  461.                                                             </g>
  462.                                                             <g>
  463.                                                                 <g>
  464.                                                                     <path d="M451.106,102.404H409.6V60.898c0-7.066-5.726-12.8-12.8-12.8c-7.074,0-12.8,5.734-12.8,12.8v41.506h-41.506
  465.                                                                                                                                                                                                 c-7.074,0-12.8,5.726-12.8,12.8c0,7.066,5.726,12.8,12.8,12.8H384v41.506c0,7.066,5.726,12.8,12.8,12.8
  466.                                                                                                                                                                                                 c3.533,0,6.733-1.434,9.054-3.746c2.321-2.313,3.746-5.521,3.746-9.054v-41.506h41.506c3.533,0,6.733-1.434,9.054-3.746
  467.                                                                                                                                                                                                 c2.321-2.313,3.746-5.513,3.746-9.054C463.906,108.13,458.18,102.404,451.106,102.404z"/>
  468.                                                                 </g>
  469.                                                             </g>
  470.                                                             <g></g>
  471.                                                             <g></g>
  472.                                                             <g></g>
  473.                                                             <g></g>
  474.                                                             <g></g>
  475.                                                             <g></g>
  476.                                                             <g></g>
  477.                                                             <g></g>
  478.                                                             <g></g>
  479.                                                             <g></g>
  480.                                                             <g></g>
  481.                                                             <g></g>
  482.                                                             <g></g>
  483.                                                             <g></g>
  484.                                                             <g></g>
  485.                                                         </svg>
  486.                                                     </div>
  489.                                                     <div id="ad{{i}}" class="when_added">
  490.                                                         <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewbox="0 0 512.004 512.004" style="enable-background:new 0 0 512.004 512.004;" xml:space="preserve">
  491.                                                             <g>
  492.                                                                 <g>
  493.                                                                     <circle cx="153.6" cy="448.004" r="12.8"/>
  494.                                                                 </g>
  495.                                                             </g>
  496.                                                             <g>
  497.                                                                 <g>
  498.                                                                     <circle cx="409.6" cy="448.004" r="12.8"/>
  499.                                                                 </g>
  500.                                                             </g>
  501.                                                             <g>
  502.                                                                 <g>
  503.                                                                     <path d="M499.2,435.204h-26.889c-5.931-29.21-31.744-51.2-62.711-51.2c-30.959,0-56.781,21.99-62.711,51.2H216.277
  504.                                                                                                                                         c-5.726-28.015-29.824-49.229-59.179-50.85l-42.035-283.827c-0.401-2.722-1.673-5.222-3.61-7.177l-89.6-89.6
  505.                                                                                                                                         C16.853-1.25,8.755-1.25,3.755,3.75c-5,5-5,13.099,0,18.099l86.613,86.596l41.421,279.62
  506.                                                                                                                                         c-24.559,8.951-42.189,32.29-42.189,59.938c0,35.345,28.655,64,64,64c30.959,0,56.781-21.99,62.711-51.2h130.577
  507.                                                                                                                                         c5.931,29.21,31.753,51.2,62.711,51.2s56.781-21.99,62.711-51.2H499.2c7.074,0,12.8-5.726,12.8-12.8
  508.                                                                                                                                         C512,440.93,506.274,435.204,499.2,435.204z M153.6,486.404c-21.171,0-38.4-17.229-38.4-38.4c0-21.171,17.229-38.4,38.4-38.4
  509.                                                                                                                                         c21.171,0,38.4,17.229,38.4,38.4C192,469.175,174.771,486.404,153.6,486.404z M409.6,486.404c-21.171,0-38.4-17.229-38.4-38.4
  510.                                                                                                                                         c0-21.171,17.229-38.4,38.4-38.4s38.4,17.229,38.4,38.4C448,469.175,430.771,486.404,409.6,486.404z"/>
  511.                                                                 </g>
  512.                                                             </g>
  513.                                                             <g>
  514.                                                                 <g>
  515.                                                                     <path d="M461.713,240.021L435.2,332.804H197.12l-25.6-179.2h89.941c-2.347-8.26-4.011-16.802-4.813-25.6H171.52
  516.                                                                                                                                         c-7.424,0-14.473,3.217-19.337,8.823s-7.057,13.047-5.999,20.395l25.6,179.2c1.792,12.612,12.595,21.982,25.335,21.982H435.2
  517.                                                                                                                                         c11.426,0,21.478-7.578,24.619-18.569l35.49-124.203C485.419,225.336,474.103,233.553,461.713,240.021z"/>
  518.                                                                 </g>
  519.                                                             </g>
  520.                                                             <g>
  521.                                                                 <g>
  522.                                                                     <path d="M396.8,0.004c-63.625,0-115.2,51.576-115.2,115.2s51.575,115.2,115.2,115.2S512,178.829,512,115.204
  523.                                                                                                                                         S460.425,0.004,396.8,0.004z M396.8,204.804c-49.408,0-89.6-40.192-89.6-89.6s40.192-89.6,89.6-89.6
  524.                                                                                                                                         c49.408,0,89.6,40.192,89.6,89.6S446.208,204.804,396.8,204.804z"/>
  525.                                                                 </g>
  526.                                                             </g>
  527.                                                             <g>
  528.                                                                 <g>
  529.                                                                     <path d="M455.1,78.955c-5.828-3.891-13.824-2.364-17.749,3.55L396.8,143.33l-40.55-60.826c-3.951-5.914-11.921-7.45-17.749-3.55
  530.                                                                                                                                         c-5.871,3.925-7.475,11.861-3.55,17.749l51.2,76.8c2.372,3.567,6.374,5.7,10.65,5.7c4.275,0,8.277-2.133,10.65-5.7l51.2-76.8
  531.                                                                                                                                         C462.575,90.816,460.971,82.88,455.1,78.955z"/>
  532.                                                                 </g>
  533.                                                             </g>
  534.                                                             <g></g>
  535.                                                             <g></g>
  536.                                                             <g></g>
  537.                                                             <g></g>
  538.                                                             <g></g>
  539.                                                             <g></g>
  540.                                                             <g></g>
  541.                                                             <g></g>
  542.                                                             <g></g>
  543.                                                             <g></g>
  544.                                                             <g></g>
  545.                                                             <g></g>
  546.                                                             <g></g>
  547.                                                             <g></g>
  548.                                                             <g></g>
  549.                                                         </svg>
  551.                                                     </div>
  552.                                                 </a>
  553.                                             </td>
  554.                                         </tr>
  555.                                     {% endif %}
  556.                                 {% endfor %}
  557.                             </tbody>
  558.                         </table>
  560.                         {# {{dump(produkt)}} #}
  561.                     </div>
  562.                     {# </div> #}
  563.                 </div>
  564.             </div>
  566.         {% endblock %}
  569.         {% block javascripts %}
  572.             <script>
  574.                 function addToBasket(changePath, id) {
  577. var headerBasket = $('.addToBasket');
  578. var qty = headerBasket.find('.qty');
  579. var counter;
  582. that = $(this);
  585. $.ajax({
  586. type: "POST",
  587. url: changePath,
  588. async: true,
  589. data: {},
  590. success: function (data) {
  593. counter = data.length;
  594. qty.html(counter);
  597. // basket.toggleClass('when_added');
  599. }
  600. });
  603. }
  604. function changeIcon(i) {
  605. let ficon = $ (`#def${i}`);
  606. let sicon = $ (`#ad${i}`);
  607. ficon.hide();
  608. sicon.show();
  609. }
  610.             </script>
  613.         {% endblock %}