Capezio Ava baletni špic čevlji za študente, trd podplat

Opis izdelka

Baletne špice Ava so idealne za študente, ki morajo delati na krepitvi stopal. Tako v predelu gležnjev kot tudi v metatarzalnem delu. Je idealno "vadbeno" orodje. Škatla ima obliko črke U. Je rahlo zožena. Platforma je dovolj široka in zagotavlja ravnotežje ter stabilnost pri vajah pri drogu. Stranski poševni šiv podaljša linijo stopala. V škatli na ploščici konice je znotraj odstranljiva gelna blazinica. Plišasta, nedrseča podloga iz mikrovlaken preprečuje prekomerno potenje in nepotrebno nastajanje žuljev. Krila so trdnejša, ob straneh nudijo oporo. Rob je satenski, vezalke so elastične. Peta je rahlo oblazinjena. Vložek je 3\/4 in je z notranje strani oblečen v usnje. Nanj je nanesen logotip podjetja Capezio. Podplat je usnjen. <\/p>

<\/iframe><br></p></p> <ul class="product-tags"> <li> <a href="https://www.dancemaster.si/tag/balet">balet</a> </li> <li> <a href="https://www.dancemaster.si/tag/ples">ples</a> </li> <li> <a href="https://www.dancemaster.si/tag/baletni-spic-cevlji">baletni špic čevlji</a> </li> <li> <a href="https://www.dancemaster.si/tag/baletni-spic-cevlji">baletni špic čevlji</a> </li> <li> <a href="https://www.dancemaster.si/tag/spic-cevlji-za-balet">špic čevlji za balet</a> </li> <li> <a href="https://www.dancemaster.si/tag/baletni-cevlji">baletni čevlji</a> </li> <li> <a href="https://www.dancemaster.si/tag/cevlji-za-balet">čevlji za balet</a> </li> <li> <a href="https://www.dancemaster.si/tag/plesna-obutev-za-balerine">plesna obutev za balerine</a> </li> <li> <a href="https://www.dancemaster.si/tag/plesni-cevlji-za-balerine">plesni čevlji za balerine</a> </li> <li> <a href="https://www.dancemaster.si/tag/balet-za-zenske">balet za ženske</a> </li> <li> <a href="https://www.dancemaster.si/tag/ples-za-zenske">ples za ženske</a> </li> <li> <a href="https://www.dancemaster.si/tag/baletni-spic-cevlji-za-zenske">baletni špic čevlji za ženske</a> </li> <li> <a href="https://www.dancemaster.si/tag/baletni-spic-cevlji-za-zenske">baletni špic čevlji za ženske</a> </li> <li> <a href="https://www.dancemaster.si/tag/spic-cevlji-za-balet-za-zenske">špic čevlji za balet za ženske</a> </li> <li> <a href="https://www.dancemaster.si/tag/baletni-cevlji-za-zenske">baletni čevlji za ženske</a> </li> <li> <a href="https://www.dancemaster.si/tag/cevlji-za-balet-za-zenske">čevlji za balet za ženske</a> </li> <li> <a href="https://www.dancemaster.si/tag/zenski-baletni-spic-cevlji">ženski baletni špic čevlji</a> </li> <li> <a href="https://www.dancemaster.si/tag/zenski-baletni-spic-cevlji">ženski baletni špic čevlji</a> </li> <li> <a href="https://www.dancemaster.si/tag/zenski-spic-cevlji-za-balet">ženski špic čevlji za balet</a> </li> <li> <a href="https://www.dancemaster.si/tag/zenski-baletni-cevlji">ženski baletni čevlji</a> </li> <li> <a href="https://www.dancemaster.si/tag/zenski-cevlji-za-balet">ženski čevlji za balet</a> </li> </ul> </div> <div class="col-xs-12 col-sm-6"> <h3>Lastnosti</h3> <table class="filters-table"> <tr> <td>Spol</td> <td>Ženske</td> </tr> <tr> <td>Vrsta podplata</td> <td>Podplat v celoti</td> </tr> <tr> <td>Kategorija</td> <td>Baletne špičice </td> </tr> <tr> <td>Starost</td> <td>Odrasli</td> </tr> <tr> <td>Material</td> <td>Saten -Satin</td> </tr> <tr> <td>Stopnja naprednosti</td> <td>Napredni, Malo napredni</td> </tr> <tr> <td>Vložek za konice - trdota</td> <td>Trdota vložka - trda</td> </tr> <tr> <td>BOX konic - oblika</td> <td>BOX v obliki črke U</td> </tr> <tr> <td>Višina nosu</td> <td>srednje visok</td> </tr> <tr> <td>Profil vrha</td> <td>Nižji</td> </tr> <tr> <td>Stranska stran vrha</td> <td>Nizka</td> </tr> <tr> <td>Platforma</td> <td>Široka</td> </tr> <tr> <td>Vezalke</td> <td>elastične</td> </tr> <tr> <td>Podplat - material</td> <td>Usnje</td> </tr> <tr> <td>Material vložke</td> <td>Naraven</td> </tr> </table> </div> </div> </div> </div> </div> </div> <div id="tab-review"> <div class="container"> <h3 class="text-center">Ocena izdelka</h3> <h4>Zadovoljstvo kupcev z <span>„Capezio Ava baletni špic čevlji za študente, trd podplat”</span></h4> <p class="no-review">Ni na voljo nobenih ocen.</p> <button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#modal-review">Dodaj oceno</button> <div id="modal-newwishlist" class="modal modal-pretty fade" role="dialog"> <div class="modal-dialog"> <div class="modal-content"> <button type="button" class="close" data-dismiss="modal"></button> <div class="modal-header"> <h2 class="modal-title">Vnesite ime seznama</h2> </div> <div class="modal-body"> <form class="form" id="form-newwishlist"> <div class="form-group"> <input type="text" name="wishlist_name" placeholder="Vnesite ime seznama" class="form-control"/> </div> </form> </div> <div class="modal-footer"> <div class="row"> <div class="col-xs-6 text-left"> <button type="button" class="btn btn-default" data-dismiss="modal">Zapri</button> </div> <div class="col-xs-6 text-right"> <button type="button" id="button-newwishlist" data-loading-text="Nalaganje ..." class="btn btn-primary" onclick="wishlistAddnewbtn(); $(this).closest('.modal').modal('hide');">Nadaljuj</button> </div> </div> </div> </div> </div> </div> </div> <div id="modal-price-history" class="modal modal-pretty fade" role="dialog"> <div class="modal-dialog"> <div class="modal-content"> <button type="button" class="close" data-dismiss="modal"></button> <div class="modal-body"> <canvas id="historyPriceChart" width="600" height="400"></canvas> <script src="https://cdn.jsdelivr.net/npm/chart.js"></script> <script src="https://cdn.jsdelivr.net/npm/luxon@3.4.4/build/global/luxon.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/chartjs-adapter-luxon@1.3.1/dist/chartjs-adapter-luxon.umd.min.js"></script> <script type="text/javascript"> const ctx = document.getElementById('historyPriceChart').getContext('2d'); const historyPriceChart = new Chart(ctx, { type: 'line', data: { labels: ["2026-07-26","2026-07-27","2026-07-28","2026-07-29","2026-07-30","2026-07-31","2026-08-01","2026-08-02","2026-08-03","2026-08-04","2026-08-05","2026-08-06","2026-08-07","2026-08-08","2026-08-09","2026-08-10","2026-08-11","2026-08-12","2026-08-13","2026-08-14","2026-08-15","2026-08-16","2026-08-17","2026-08-18","2026-08-19","2026-08-20","2026-08-21","2026-08-22","2026-08-23","2026-08-24"], datasets: [{ label: '', data: [88.28,88.28,88.28,88.28,88.28,88.28,88.28,88.28,88.28,88.28,88.28,88.28,88.28,88.28,88.28,88.28,88.28,88.28,88.28,88.28,88.28,88.28,88.28,88.28,88.28,88.28,88.28,88.28,88.28,88.28], borderColor: 'rgba(75, 192, 192, 1)', backgroundColor: 'rgba(75, 192, 192, 0.2)', tension: 0.2, fill: true, pointRadius: 3 }] }, options: { scales: { x: { type: 'time', time: { tooltipFormat: 'dd. MM. yyyy', unit: 'day' }, title: { display: true, text: '' } }, y: { title: { display: true, text: '' }, beginAtZero: false } }, responsive: true, plugins: { tooltip: { mode: 'index', intersect: false }, legend: { display: false } } } }); </script> </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">Zapri</button> </div> </div> </div> </div> <script type="text/javascript"> $(".price-history").click(function () { $("#modal-price-history").modal('show'); }); </script> <div id="modal-watchprice" class="modal modal-pretty fade" role="dialog"> <div class="modal-dialog"> <div class="modal-content"> <button type="button" class="close" data-dismiss="modal"></button> <div class="modal-header"> <h2 class="modal-title text-center">Spremljevalnik razpoložljivosti</h2> </div> <div class="modal-body"> <form class="form-horizontal" id="form-watchprice"> <div class="row"> <div class="col-md-12 name"> <h3>Capezio Ava baletni špic čevlji za študente, trd podplat</h3> </div> <div class="col-md-12 image"> <img style="max-height: 200px; max-width:100%" src="https://www.dancemaster.si/image/cache/products/1/ava-1-original_size.webp"> </div> </div> <div class="form-group"> <label for="">E-mail</label> <input type="text" name="email" class="form-control" placeholder="E-mail" value=""/> </div> <p>S klikom na gumb nadaljuj se strinjate s prejemom e-pošte, ko bo izdelek ponovno na zalogi</p> </form> </div> <div class="modal-footer"> <div class="row"> <div class="col-xs-6 text-left"> <button type="button" class="btn btn-default" data-dismiss="modal">Zapri</button> </div> <div class="col-xs-6 text-right"> <button type="button" id="button-watchprice" data-loading-text="Nalaganje ..." class="btn btn-primary">Nadaljuj</button> </div> </div> </div> </div> </div> </div> <div id="modal-review" class="modal modal-pretty fade" role="dialog"> <div class="modal-dialog"> <div class="modal-content"> <button type="button" class="close" data-dismiss="modal"></button> <div class="modal-header"> <h4 class="modal-title text-center">Napiši oceno</h4> </div> <div class="modal-body"> <form class="form-horizontal" id="form-review"> <h2></h2> <div class="form-group required "> <label class="control-label">Ocena</label> <div class="required review-ratting"> <div><span class="review-text-span">Slab</span></div> <div><input type="radio" name="rating" value="1"/></div> <div><input type="radio" name="rating" value="2"/></div> <div><input type="radio" name="rating" value="3"/></div> <div><input type="radio" name="rating" value="4"/></div> <div><input type="radio" name="rating" value="5"/></div> <div><span class="review-text-span">Dober</span></div> </div> </div> <div class="form-group required"> <label class="control-label" for="input-name">Vaše ime</label> <input type="text" name="name" value="" id="input-name" class="form-control"/> </div> <div class="form-group"> <label class="control-label" for="input-email">Vaš e-poštni naslov (ni javen)</label> <input type="text" name="email" id="input-email" class="form-control"/> </div> <div class="form-group required"> <label class="control-label" for="input-review">Vaša ocena</label> <textarea name="text" rows="5" id="input-review" class="form-control"></textarea> <p class="help-block"><span class="text-danger">Opomba:</span> Ne uporabljajte HTML oznak!</p> </div> </form> </div> <div class="modal-footer"> <div class="row"> <div class="col-xs-6 text-left"> <button type="button" class="btn btn-default" data-dismiss="modal">Zapri</button> </div> <div class="col-xs-6 text-right"> <button type="button" id="button-review" data-loading-text="Nalaganje ..." class="btn btn-primary">Nadaljuj</button> </div> </div> </div> </div> </div> </div> </div> </div> <div class="container"> </div> <div class="container related-products"> <h3 class="text-left product-related-title">Sorodni izdelki</h3> <div class="row product-list-content"> <div class="product-layout product-grid col-lg-2 col-md-2 col-sm-4 col-xs-6 product-related-real-container"> <div class="product-thumb" > <div class="discount-label">-20%</div> <div class="image"><a data-image1="https://www.dancemaster.si/image/cache/products/1/bunheads-rehearsal-ribbon-and-elastic-pack-light-professional-pink-bh315-f-1-228x228.webp" data-image2="" href="https://www.dancemaster.si/bunheads-rehearsal-ribbon-elastic-pack-trakovi"> <img src="https://www.dancemaster.si/image/cache/products/1/bunheads-rehearsal-ribbon-and-elastic-pack-light-professional-pink-bh315-f-1-228x228.webp" alt="" title="" style="max-width: 100%;" class="img-responsive"/></a> </div> <div class="caption-container"> <div class="caption"> <h4><a href="https://www.dancemaster.si/bunheads-rehearsal-ribbon-elastic-pack-trakovi" title="">Bunheads set trakov za špice</a> </h4> <div class="rating "> <span class="svg-icon nsvg-icon nsvg-icon-star nsvg-icon-big"></span> <span class="svg-icon nsvg-icon nsvg-icon-star nsvg-icon-big"></span> <span class="svg-icon nsvg-icon nsvg-icon-star nsvg-icon-big"></span> <span class="svg-icon nsvg-icon nsvg-icon-star nsvg-icon-big"></span> <span class="svg-icon nsvg-icon nsvg-icon-star-empty nsvg-icon-big"></span> </div> <div class="price" onclick="cart.add('21893', '1');addToCartAction('21893','','','EUR');"> <div class="price-info"> <div class="block"> <span class="price-new">8.65 €</span> <span class="price-old">10.81 €</span> </div> </div> <div class="stock-info"> <div class="block"> <span class="out-of-stock">Dostava 14 - 21 dni</span> </div> </div> </div> </div> </div> </div> </div> <div class="product-layout product-grid col-lg-2 col-md-2 col-sm-4 col-xs-6 product-related-real-container"> <div class="product-thumb" > <div class="discount-label">-20%</div> <div class="image"><a data-image1="https://www.dancemaster.si/image/cache/products/1/ava-1-228x228.webp" data-image2="https://www.dancemaster.si/image/cache/products/1/ava-228x228.webp" href="https://www.dancemaster.si/capezio-ava-1142w-pointe-shoe-baletne-spice"> <img src="https://www.dancemaster.si/image/cache/products/1/ava-1-228x228.webp" alt="" title="" style="max-width: 100%;" class="img-responsive"/></a> </div> <div class="caption-container"> <div class="caption"> <h4><a href="https://www.dancemaster.si/capezio-ava-1142w-pointe-shoe-baletne-spice" title="">Capezio Ava, baletne špice</a> </h4> <div class="rating transparent-rating"> <span class="svg-icon nsvg-icon nsvg-icon-star-empty nsvg-icon-big"></span> <span class="svg-icon nsvg-icon nsvg-icon-star-empty nsvg-icon-big"></span> <span class="svg-icon nsvg-icon nsvg-icon-star-empty nsvg-icon-big"></span> <span class="svg-icon nsvg-icon nsvg-icon-star-empty nsvg-icon-big"></span> <span class="svg-icon nsvg-icon nsvg-icon-star-empty nsvg-icon-big"></span> </div> <div class="price" onclick="cart.add('22495', '1');addToCartAction('22495','','','EUR');"> <div class="price-info"> <div class="block"> <span class="price-new">69.83 €</span> <span class="price-old">87.28 €</span> </div> </div> <div class="stock-info"> <div class="block"> <span class="in-stock">Na zalogi glede na različice</span> </div> </div> </div> </div> </div> </div> </div> </div> </div> <script type="application/ld+json"> { "@context": "http://schema.org/", "@type": "Product", "name": "Capezio Ava baletni \u0161pic \u010devlji za \u0161tudente, trd podplat", "image": "https://www.dancemaster.si/image/cache/products/1/ava-1-651x651.webp", "description": "Baletne \u0161pice Ava so idealne za \u0161tudente, ki morajo delati na krepitvi stopal. Tako v predelu gle\u017enjev kot tudi v metatarzalnem delu. Je idealno \"vadbeno\" orodje. \u0160katla ima obliko \u010drke U. Je rahlo zo\u017eena. Platforma je dovolj \u0161iroka in zagotavlja ravnote\u017eje ter stabilnost pri vajah pri drogu. Stranski po\u0161evni \u0161iv podalj\u0161a linijo stopala. V \u0161katli na plo\u0161\u010dici konice je znotraj odstranljiva gelna blazinica. Pli\u0161asta, nedrse\u010da podloga iz mikrovlaken prepre\u010duje prekomerno potenje in nepotrebno nastajanje \u017euljev. Krila so trdnej\u0161a, ob straneh nudijo oporo. Rob je satenski, vezalke so elasti\u010dne. Peta je rahlo oblazinjena. Vlo\u017eek je 3\\\/4 in je z notranje strani oble\u010den v usnje. Nanj je nanesen logotip podjetja Capezio. Podplat je usnjen. ", "brand": { "@type": "Thing", "name": "Capezio" }, "offers": { "@type": "Offer", "availability": "http://schema.org/InStock", "url": "https://www.dancemaster.si/capezio-ava-3-5-shank-pointe-shoe-baletne-spice", "priceCurrency": "EUR", "price": "70.62", "seller": { "@type": "Organization", "name": "DanceMaster SI" } } } </script> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "BreadcrumbList", "itemListElement": [ { "@type": "ListItem", "position": 1, "item": { "@id": "https://www.dancemaster.si/", "name": "DanceMaster SI" } } ] } </script> <script type="text/javascript"></script> <script src="catalog/view/javascript/product-expected-date.js"></script> <script> window.product_combinations = [ { combination_sequence: { 44141: "224712", 44143: "224729", quantity : 0, plu: 58698 } , }, { combination_sequence: { 44141: "224712", 44143: "224731", quantity : 1, plu: 58700 } , }, { combination_sequence: { 44141: "224712", 44143: "224730", quantity : 0, plu: 58699 } , }, { combination_sequence: { 44141: "224712", 44142: "224733", 44143: "224729", quantity : 0, plu: 58701 } , }, { combination_sequence: { 44141: "224712", 44142: "224733", 44143: "224731", quantity : 1, plu: 58703 } , }, { combination_sequence: { 44141: "224712", 44142: "224733", 44143: "224730", quantity : 0, plu: 58702 } , }, { combination_sequence: { 44141: "224712", 44142: "224734", 44143: "224729", quantity : 0, plu: 58704 } , }, { combination_sequence: { 44141: "224712", 44142: "224734", 44143: "224731", quantity : 0, plu: 58706 } , }, { combination_sequence: { 44141: "224712", 44142: "224734", 44143: "224730", quantity : 0, plu: 58705 } , }, { combination_sequence: { 44141: "224712", 44142: "224735", 44143: "224729", quantity : 0, plu: 58707 } , }, { combination_sequence: { 44141: "224712", 44142: "224735", 44143: "224731", quantity : 0, plu: 58709 } , }, { combination_sequence: { 44141: "224712", 44142: "224735", 44143: "224730", quantity : 0, plu: 58708 } , }, { combination_sequence: { 44141: "224712", 44142: "224736", 44143: "224729", quantity : 0, plu: 58710 } , }, { combination_sequence: { 44141: "224712", 44142: "224736", 44143: "224731", quantity : 0, plu: 58712 } , }, { combination_sequence: { 44141: "224712", 44142: "224736", 44143: "224730", quantity : 0, plu: 58711 } , }, { combination_sequence: { 44141: "224712", 44142: "224737", 44143: "224729", quantity : 0, plu: 58713 } , }, { combination_sequence: { 44141: "224712", 44142: "224737", 44143: "224731", quantity : 0, plu: 58715 } , }, { combination_sequence: { 44141: "224712", 44142: "224737", 44143: "224730", quantity : 0, plu: 58714 } , }, { combination_sequence: { 44141: "224712", 44142: "224738", 44143: "224729", quantity : 1, plu: 58716 } , }, { combination_sequence: { 44141: "224712", 44142: "224738", 44143: "224731", quantity : 0, plu: 58718 } , }, { combination_sequence: { 44141: "224712", 44142: "224738", 44143: "224730", quantity : 0, plu: 58717 } , }, { combination_sequence: { 44141: "224712", 44142: "224739", 44143: "224729", quantity : 0, plu: 58719 } , }, { combination_sequence: { 44141: "224712", 44142: "224739", 44143: "224731", quantity : 0, plu: 58721 } , }, { combination_sequence: { 44141: "224712", 44142: "224739", 44143: "224730", quantity : 0, plu: 58720 } , }, { combination_sequence: { 44141: "224712", 44142: "224740", 44143: "224729", quantity : 0, plu: 58722 } , }, { combination_sequence: { 44141: "224712", 44142: "224740", 44143: "224731", quantity : 0, plu: 58724 } , }, { combination_sequence: { 44141: "224712", 44142: "224740", 44143: "224730", quantity : 0, plu: 58723 } , }, { combination_sequence: { 44141: "224712", 44142: "224741", 44143: "224729", quantity : 0, plu: 58725 } , }, { combination_sequence: { 44141: "224712", 44142: "224741", 44143: "224731", quantity : 0, plu: 58727 } , }, { combination_sequence: { 44141: "224712", 44142: "224741", 44143: "224730", quantity : 0, plu: 58726 } , }, { combination_sequence: { 44141: "224712", 44142: "224742", 44143: "224729", quantity : 0, plu: 58728 } , }, { combination_sequence: { 44141: "224712", 44142: "224742", 44143: "224731", quantity : 0, plu: 58730 } , }, { combination_sequence: { 44141: "224712", 44142: "224742", 44143: "224730", quantity : 0, plu: 58729 } , }, { combination_sequence: { 44141: "224712", 44142: "224743", 44143: "224729", quantity : 0, plu: 58731 } , }, { combination_sequence: { 44141: "224712", 44142: "224743", 44143: "224731", quantity : 0, plu: 58733 } , }, { combination_sequence: { 44141: "224712", 44142: "224743", 44143: "224730", quantity : 0, plu: 58732 } , }, ] ; window.expected_stock_dates = []; window.hide_preorder_option_ids = [14,16,37,39,41,44,45,46,47,48,51,60]; window.text_sold_status = "Dostava 14 - 21 dni"; window.text_in_stock = "Na zalogi"; window.option_unorderable = "Ni mogoče naročiti"; window.quantity_trigger = false; window.is_sold = 3; window.unorderable_option_ids = ["224732"]; window.longorderable_option_ids = []; window.text_longorderable = "Dobava na povpraševanje"; window.text_expected_stock = "Dobava na zalogo"; window.has_global_unorderable = false; window.has_unorderable_options = true; $(document).ready(function () { var optionsArray = []; var selectedObject = new Object(); var dummyObject = new Object(); dummyObject["-1"] = null; $(".under-product-link").click(function (e) { e.preventDefault(); $(this).find("input").triggerHandler('click'); }); optionsArray.push(44141); $(".input-option44141").click(function (e) { e.preventDefault(); if ($(this).closest(".under-product-link").length > 0) { if (!$(this).closest(".under-product-link").hasClass("active") || true) { var url = ($(this).closest(".under-product-link").attr("href") + "&api=true"); $.get(url, function (data) { var parsed = JSON.parse(data); $("h1").html(parsed.heading_title); $("#product-breadcrumb li:last-of-type a").html(parsed.heading_title); $("#product-breadcrumb li:last-of-type a").attr("href", parsed.breadcrumb_link); var imagesStr = ""; var slideshowStr = ""; var imgNum = 0; var owlWidth = $("#product-image-slideshow .owl-wrapper .owl-item").width(); var positionsArray = []; for (var i = 0; i < parsed.images.length; i++) { imgNum = i; positionsArray.push((owlWidth * i) * (-1)); imagesStr += "<li class=\"image-additional image-additional-" + imgNum + "\" onClick=\"var owl = $('#product-image-slideshow').data('owlCarousel');owl.goTo(" + imgNum + ");\">"; if (parsed.images[i].image.includes('.mp4')) { imagesStr += "<img src=\"/image/catalog/catalog_video_icon_new.jpg\" title=\"\" alt=\"\" class=\"img-responsive\" />"; } else { imagesStr += "<img src=\"" + parsed.images[i].thumb + "\" title=\"\" alt=\"\" class=\"img-responsive\" />"; } imagesStr += "</li>"; //slideshowStr += "<div class=\"owl-item\" style=\"width: " + owlWidth + "px; \">"; slideshowStr += "<div class=\"item\">"; if (parsed.images[i].image.includes('.mp4')) { slideshowStr += "<a class=\"popup-video\" href=\"/image/" + parsed.images[i].image + "\"> <video src=\"/image/" + parsed.images[i].image + "\" controls=\"controls\" style=\"width: 80%; margin-top: 5%;\"></video></a>"; } else { slideshowStr += "<a class=\"thumbnail\" href=\"" + parsed.images[i].popup + "\" title=\"\"> <img src=\"" + parsed.images[i].image_2 + "\" title=\"\" alt=\"\" /></a>"; } slideshowStr += "</div>"; //slideshowStr += "</div>"; } window.verticalMaxImages = imgNum; $("#additional-product-images").html(imagesStr); $('#additional-product-images').css('margin-top', '0px'); var owl = $('#product-image-slideshow').data('owlCarousel').destroy(); $("#product-image-slideshow").html(slideshowStr); $('#product-image-slideshow').owlCarousel({ //autoPlay: 3000, singleItem: true, navigation: true, autoHeight: true, navigationText: ['<i class="fa fa-angle-left fa-5x"></i>', '<i class="fa fa-angle-right fa-5x"></i>'], pagination: true, afterMove: function (elem) { $('.image-additional').removeClass('active'); $('.image-additional-' + this.currentItem).addClass('active'); } }); }); // Shození redirectu // window.location = $(this).closest(".under-product-link").attr("href"); } } var optVal = parseInt($(this).val()); var optId = 44141; $(this).closest(".radio-group").find(".radio-box-input").removeClass("active"); //$(this).closest(".radio-box-input").removeClass("disabled"); //$(this).closest(".radio-box-input").addClass("active"); if (selectedObject.hasOwnProperty(optId) && selectedObject[optId] == optVal) { delete selectedObject[optId]; var that = this; // Just Javascript things... setTimeout(function () { $(that).prop("checked", false); }, 50); $(this).closest(".radio-box-input").removeClass("active"); } else { selectedObject[optId] = optVal; $(this).prop("checked", true); $(this).closest(".radio-box-input").addClass("active"); } if (Object.keys(selectedObject).length == 0) { refreshOptions(dummyObject, optionsArray); } else { refreshOptions(selectedObject, optionsArray, optVal); } window.quantity_trigger = true; $("#input-quantity").trigger('keyup'); window.quantity_trigger = false; }); optionsArray.push(44142); $(".input-option44142").click(function (e) { e.preventDefault(); if ($(this).closest(".under-product-link").length > 0) { if (!$(this).closest(".under-product-link").hasClass("active") || true) { var url = ($(this).closest(".under-product-link").attr("href") + "&api=true"); $.get(url, function (data) { var parsed = JSON.parse(data); $("h1").html(parsed.heading_title); $("#product-breadcrumb li:last-of-type a").html(parsed.heading_title); $("#product-breadcrumb li:last-of-type a").attr("href", parsed.breadcrumb_link); var imagesStr = ""; var slideshowStr = ""; var imgNum = 0; var owlWidth = $("#product-image-slideshow .owl-wrapper .owl-item").width(); var positionsArray = []; for (var i = 0; i < parsed.images.length; i++) { imgNum = i; positionsArray.push((owlWidth * i) * (-1)); imagesStr += "<li class=\"image-additional image-additional-" + imgNum + "\" onClick=\"var owl = $('#product-image-slideshow').data('owlCarousel');owl.goTo(" + imgNum + ");\">"; if (parsed.images[i].image.includes('.mp4')) { imagesStr += "<img src=\"/image/catalog/catalog_video_icon_new.jpg\" title=\"\" alt=\"\" class=\"img-responsive\" />"; } else { imagesStr += "<img src=\"" + parsed.images[i].thumb + "\" title=\"\" alt=\"\" class=\"img-responsive\" />"; } imagesStr += "</li>"; //slideshowStr += "<div class=\"owl-item\" style=\"width: " + owlWidth + "px; \">"; slideshowStr += "<div class=\"item\">"; if (parsed.images[i].image.includes('.mp4')) { slideshowStr += "<a class=\"popup-video\" href=\"/image/" + parsed.images[i].image + "\"> <video src=\"/image/" + parsed.images[i].image + "\" controls=\"controls\" style=\"width: 80%; margin-top: 5%;\"></video></a>"; } else { slideshowStr += "<a class=\"thumbnail\" href=\"" + parsed.images[i].popup + "\" title=\"\"> <img src=\"" + parsed.images[i].image_2 + "\" title=\"\" alt=\"\" /></a>"; } slideshowStr += "</div>"; //slideshowStr += "</div>"; } window.verticalMaxImages = imgNum; $("#additional-product-images").html(imagesStr); $('#additional-product-images').css('margin-top', '0px'); var owl = $('#product-image-slideshow').data('owlCarousel').destroy(); $("#product-image-slideshow").html(slideshowStr); $('#product-image-slideshow').owlCarousel({ //autoPlay: 3000, singleItem: true, navigation: true, autoHeight: true, navigationText: ['<i class="fa fa-angle-left fa-5x"></i>', '<i class="fa fa-angle-right fa-5x"></i>'], pagination: true, afterMove: function (elem) { $('.image-additional').removeClass('active'); $('.image-additional-' + this.currentItem).addClass('active'); } }); }); // Shození redirectu // window.location = $(this).closest(".under-product-link").attr("href"); } } var optVal = parseInt($(this).val()); var optId = 44142; $(this).closest(".radio-group").find(".radio-box-input").removeClass("active"); //$(this).closest(".radio-box-input").removeClass("disabled"); //$(this).closest(".radio-box-input").addClass("active"); if (selectedObject.hasOwnProperty(optId) && selectedObject[optId] == optVal) { delete selectedObject[optId]; var that = this; // Just Javascript things... setTimeout(function () { $(that).prop("checked", false); }, 50); $(this).closest(".radio-box-input").removeClass("active"); } else { selectedObject[optId] = optVal; $(this).prop("checked", true); $(this).closest(".radio-box-input").addClass("active"); } if (Object.keys(selectedObject).length == 0) { refreshOptions(dummyObject, optionsArray); } else { refreshOptions(selectedObject, optionsArray, optVal); } window.quantity_trigger = true; $("#input-quantity").trigger('keyup'); window.quantity_trigger = false; }); optionsArray.push(44143); $(".input-option44143").click(function (e) { e.preventDefault(); if ($(this).closest(".under-product-link").length > 0) { if (!$(this).closest(".under-product-link").hasClass("active") || true) { var url = ($(this).closest(".under-product-link").attr("href") + "&api=true"); $.get(url, function (data) { var parsed = JSON.parse(data); $("h1").html(parsed.heading_title); $("#product-breadcrumb li:last-of-type a").html(parsed.heading_title); $("#product-breadcrumb li:last-of-type a").attr("href", parsed.breadcrumb_link); var imagesStr = ""; var slideshowStr = ""; var imgNum = 0; var owlWidth = $("#product-image-slideshow .owl-wrapper .owl-item").width(); var positionsArray = []; for (var i = 0; i < parsed.images.length; i++) { imgNum = i; positionsArray.push((owlWidth * i) * (-1)); imagesStr += "<li class=\"image-additional image-additional-" + imgNum + "\" onClick=\"var owl = $('#product-image-slideshow').data('owlCarousel');owl.goTo(" + imgNum + ");\">"; if (parsed.images[i].image.includes('.mp4')) { imagesStr += "<img src=\"/image/catalog/catalog_video_icon_new.jpg\" title=\"\" alt=\"\" class=\"img-responsive\" />"; } else { imagesStr += "<img src=\"" + parsed.images[i].thumb + "\" title=\"\" alt=\"\" class=\"img-responsive\" />"; } imagesStr += "</li>"; //slideshowStr += "<div class=\"owl-item\" style=\"width: " + owlWidth + "px; \">"; slideshowStr += "<div class=\"item\">"; if (parsed.images[i].image.includes('.mp4')) { slideshowStr += "<a class=\"popup-video\" href=\"/image/" + parsed.images[i].image + "\"> <video src=\"/image/" + parsed.images[i].image + "\" controls=\"controls\" style=\"width: 80%; margin-top: 5%;\"></video></a>"; } else { slideshowStr += "<a class=\"thumbnail\" href=\"" + parsed.images[i].popup + "\" title=\"\"> <img src=\"" + parsed.images[i].image_2 + "\" title=\"\" alt=\"\" /></a>"; } slideshowStr += "</div>"; //slideshowStr += "</div>"; } window.verticalMaxImages = imgNum; $("#additional-product-images").html(imagesStr); $('#additional-product-images').css('margin-top', '0px'); var owl = $('#product-image-slideshow').data('owlCarousel').destroy(); $("#product-image-slideshow").html(slideshowStr); $('#product-image-slideshow').owlCarousel({ //autoPlay: 3000, singleItem: true, navigation: true, autoHeight: true, navigationText: ['<i class="fa fa-angle-left fa-5x"></i>', '<i class="fa fa-angle-right fa-5x"></i>'], pagination: true, afterMove: function (elem) { $('.image-additional').removeClass('active'); $('.image-additional-' + this.currentItem).addClass('active'); } }); }); // Shození redirectu // window.location = $(this).closest(".under-product-link").attr("href"); } } var optVal = parseInt($(this).val()); var optId = 44143; $(this).closest(".radio-group").find(".radio-box-input").removeClass("active"); //$(this).closest(".radio-box-input").removeClass("disabled"); //$(this).closest(".radio-box-input").addClass("active"); if (selectedObject.hasOwnProperty(optId) && selectedObject[optId] == optVal) { delete selectedObject[optId]; var that = this; // Just Javascript things... setTimeout(function () { $(that).prop("checked", false); }, 50); $(this).closest(".radio-box-input").removeClass("active"); } else { selectedObject[optId] = optVal; $(this).prop("checked", true); $(this).closest(".radio-box-input").addClass("active"); } if (Object.keys(selectedObject).length == 0) { refreshOptions(dummyObject, optionsArray); } else { refreshOptions(selectedObject, optionsArray, optVal); } window.quantity_trigger = true; $("#input-quantity").trigger('keyup'); window.quantity_trigger = false; }); setTimeout(function () { refreshOptions(dummyObject, optionsArray); }, 100); $(".rating a").click(function (e) { e.preventDefault(); $("html, body").animate({scrollTop: $("#tab-review").offset().top}, 'slow'); }); $('[data-toggle="tooltip"]').tooltip(); $(".under-product-link.active").find("input").trigger("click"); $("#input-quantity").on("keyup", function (e) { $(".text-toomuch").remove(); if (window.quantity_trigger == false) { $("#button-cart").removeAttr("disabled"); } for (var i = 0; i < optionsArray.length; i++) { for (var j = 0; j < window.product_combinations.length; j++) { var match_counter = 0; var counter = 0; for (var optId in selectedObject) { counter++; var optVal = selectedObject[optId]; if (window.product_combinations[j].combination_sequence[optId] == optVal) { match_counter++; } } if (counter == match_counter && Object.keys(selectedObject).length == optionsArray.length) { if (window.product_combinations[j].combination_sequence.quantity < $(this).val() && window.product_combinations[j].combination_sequence.quantity != 0) { if ($(".text-toomuch").length == 0) { $("#button-cart").parent().prepend("<p class=\"text-danger text-toomuch\">Izbrana količina je večja od količine na naši zalogi. Preostali kosi bodo dodatno naročeni pri proizvajalcu.</p>"); for (var optId in selectedObject) { var optVal = selectedObject[optId]; if (optVal == "224732") { $("#button-cart").attr("disabled", "disabled"); $(".text-toomuch").remove(); $("#button-cart").parent().prepend("<p class=\"text-danger text-toomuch\">Izbrana količina je večja od količine na naši zalogi. Dodatnih kosov ni mogoče naročiti.</p>"); } } } } else { if (window.product_combinations[j].combination_sequence.quantity < $(this).val()) { for (var optId in selectedObject) { var optVal = selectedObject[optId]; if (optVal == "224732") { $("#button-cart").attr("disabled", "disabled"); } } } } } } } }); }); </script> <script src="catalog/view/javascript/product-refresh-options.js"></script> <style> .modal-title { font-size: 24px; margin-top: 15px; } .modal-body * { font-size: 22px; line-height: 2em; } </style> <div id="popup" class="modal fade" role="dialog"> <div class="modal-dialog">  <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal">×</button> <h4 class="modal-title">Zapri</h4> </div> <div class="modal-body"> </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">Zapri</button> </div> </div> </div> </div> <script type="text/javascript"> function closeOptionSelectPopup() { $('#product-option-popup').fadeOut('fast'); $('#page').removeClass('blur'); return true; } function optionPopupAddToCart() { var popupOptionValue = $('#popup_select_option').val(); $('#' + popupOptionValue).click(); $('#button-cart').click(); closeOptionSelectPopup(); } function optionSelectPopup() { if ($('#input-option48615 .radio').length > 0) { $('#page').addClass('blur'); var html = ''; html += '<div id="product-option-popup">'; html += '<div id="product-option-popup-content">'; html += '<span class="closePopup" onClick="closeOptionSelectPopup();"></span>'; html += '<span class="title">Výběr varianty</span>'; html += '<p>Produkt "<span>Capezio Ava baletni špic čevlji za študente, trd podplat</span>" je nabízen ve více variantách. Vyberte si prosím jednu.</p>'; html += '<select name="popup_select_option" id="popup_select_option" class="form-control">'; $('#input-option48615 .radio').each(function (index) { var optionLabel = $(this).children('label').text(); var optionFor = $(this).children('label').attr('for'); html += '<option value="' + optionFor + '">' + optionLabel + '</option>'; }); html += '</select>'; html += '<div class="popup-buttons">'; html += '<span class="btn btn-lg btn-default" onClick="closeOptionSelectPopup();">Zpět</span>'; html += '<span class="btn btn-lg btn-success" onClick="optionPopupAddToCart();">Vložit do košíku</span>'; html += '</div>'; html += '</div>'; html += '</div>'; $('#page').before(html); } } </script> <style> @media(min-width: 991px) { footer .col-md-3, footer .col-sm-3 { width: 20% !important; } } </style> <footer> <div class="container"> <div class="row text-left"> <div class="column col-md-3 divider"> <h5>Vse o nakupu</h5> <ul class="list-unstyled"> <li><a href="https://www.dancemaster.si/splosni-poslovni-pogoji">Splošni poslovni pogoji</a></li> <li><a href="https://www.dancemaster.si/varstvo-osebnih-podatkov-gdpr">Varstvo osebnih podatkov GDPR</a></li> <li><a href="https://www.dancemaster.si/dostava">Dostava</a></li> <li><a href="https://www.dancemaster.si/kako-placati">Kako plačati</a></li> <li><a href="https://www.dancemaster.si/kako-reklamirati-zamenjati-ali-vrniti-blago">Kako reklamirati, zamenjati ali vrniti blago</a></li> </ul> </div> <div class="column col-md-3 divider"> <h5>Moj račun</h5> <ul class="list-unstyled"> <li><a href="https://www.dancemaster.si/index.php?route=account/account">Moj račun</a></li> <li><a href="https://www.dancemaster.si/index.php?route=account/order">Zgodovina naročil</a></li> <li><a href="https://www.dancemaster.si/index.php?route=account/newsletter">Novice</a></li> </ul> </div> <div class="column col-md-3 divider"> <h5>Master program</h5> <ul class="list-unstyled"> <li><a href="https://www.dancemaster.si/gledalisce">Gledališče</a></li> <li><a href="https://www.dancemaster.si/program-zvestobe">Program zvestobe</a></li> <li><a href="https://www.dancemaster.si/student">Študent</a></li> <li><a href="https://www.dancemaster.si/uciteljski-program">Učiteljski program</a></li> </ul> </div> <div class="column col-md-3 divider"> <h5>Služba za stranke</h5> <ul class="list-unstyled"> <li><a href="https://www.dancemaster.si/o-nas">O nas</a></li> <li><a href="https://www.dancemaster.si/index.php?route=information/contact">Kontakt</a></li> <li><a href="https://www.dancemaster.si/faq-pogosto-zastavljena-vprasanja">FAQ</a></li> <li><a href=""></a></li> <li><a href="https://www.dancemaster.si/index.php?route=account/return/add">Spletne reklamacije in odstop</a></li> <li><a href="https://www.dancemaster.si/index.php?route=information/sitemap">Zemljevid strani</a></li> </ul> </div> <div class="column col-sm-3 divider footer-social"> <div class="footer-social"> <h5>Pridružite se nam</h5> <ul> <li><a href="" data-original-title="Facebook" data-placement="top" data-toggle="tooltip"><img src="/image/footer_fb.png" alt="Facebook" /></a></li> <li><a href="https://www.youtube.com/@DncMstrSI" data-original-title="Youtube" data-placement="top" data-toggle="tooltip"><img src="/image/footer_yt.png" alt="Youtube" /></a></li> <li><a href="https://www.instagram.com/dancemaster.si/" data-original-title="Instagram" data-placement="top" data-toggle="tooltip"><img src="/image/footer_ig.png" alt="Instagram" /></a></li> <li><a href="" data-original-title="Twitter" data-placement="top" data-toggle="tooltip"><img src="/image/footer_x.png" alt="Twitter" /></a></li> </ul> </div> </div> </div> </div> <div id="copyright"> <div class="container"> <p>© 2026 Dancemaster</p> </div> </div> </footer> </div> <div class="scroll-up"></div> <script src="/catalog/view/javascript/components/footer.js?version=1701774784" type="text/javascript"></script> <div id="add-to-cart-popup"><div class="content loading"></div></div> <div id="messagepopup" class=""> <div class="content"> <div class="top-popup-bar"> <span class="disable-popup"></span> </div> <div class="popup-inner"> <div class="inner-left"> <img src="https://www.dancemaster.si/image/cache/catalog/0bannery_index/vernostny_pop_up_sk-original_size.webp" alt="Program zvestobe" style="max-width: 100%;" class="img-responsive" /> </div> <div class="inner-right text-center"> <h5>Program zvestobe</h5> <p class="second">Ugodnosti za naše zveste pri vsakem nakupu.<span class="popup-sale-percentage"><b>- 5%</b></span></p> <p class="third">Registriraj se kot</p> <div> <div class="sale-chooser"> <div class="first"> <span><input type="radio" class="group-link-btn" data-link="https://www.dancemaster.si/program-zvestobe" name="group" checked="checked" id="group1" data-text="- 5%" /> <label for="group1">Plesalec</label></span> </div> <div class="second"> <span><input type="radio" class="group-link-btn" data-link="https://www.dancemaster.si/student" name="group" id="group2" data-text="- 10%" /> <label for="group2">Študent plesne šole</label></span> </div> <div class="third"> <span><input type="radio" class="group-link-btn" data-link="https://www.dancemaster.si/uciteljski-program" name="group" id="group3" data-text="-20%" /> <label for="group3">Šola</label></span> </div> <div class="fourth"> <span><input type="radio" class="group-link-btn" data-link="https://www.dancemaster.si/gledalisce" name="group" id="group4" data-text="-20%" /> <label for="group4">Gledališče</label></span> </div> </div> </div>  <a href="https://www.dancemaster.si/program-zvestobe" style="margin-bottom: 20px; margin-top: 6px;" class="btn btn-primary group-link-target">REGISTRIRAJ</a> </div> <div class="clearfix"></div> </div> </div> </div> <div id="loginPopup" style="display: none;"> <span class="log-close-btn"></span> <div class="inner-html-block"> </div> </div> <script type="text/javascript"> $("#messagepopup").click(function(e) { if(e.target == e.currentTarget) { $(this).removeClass("active"); $("body").removeClass("blur-children"); } }); $(".log-close-btn").click(function(e) { $("body").removeClass("blur-children"); $("body").removeClass("blur-children-lvl2"); $("#loginPopup").hide(); $("#cookies-agree").show(); }); $(".link-to-login-header").click(function(e) { e.preventDefault(); $.get("?route=account/login&ajax_window=1", function(res) { $("#loginPopup .inner-html-block").html(res); $("body").addClass("blur-children"); $("body").addClass("blur-children-lvl2"); $("#loginPopup").show(); }); }); $(".disable-popup").click(function(e) { $("#messagepopup").removeClass("active"); $("body").removeClass("blur-children"); }); function resizePopup() { if($(window).width() >= 1200) { $("#messagepopup .content").width(1200); } else { $("#messagepopup .content").width($(window).width() - 32); } } $(".group-link-btn").click(function() { $(".group-link-target").attr("href", $(this).attr("data-link")); }); $("#cart").click(function() { location.href = '?route=checkout/cart'; }); resizePopup(); $(window).resize(function() { resizePopup(); }); $(".sale-chooser input[name=group]").change(function() { $(".popup-sale-percentage b").html($(this).attr("data-text")); }); function showMainPopup() { $("#messagepopup").addClass("active"); $("body").addClass("blur-children"); setTimeout(function() { $("#messagepopup .content").addClass("active"); }, 100); } function setCookie(name, value, hours) { const d = new Date(); d.setTime(d.getTime() + (hours * 60 * 60 * 1000)); const expires = "expires=" + d.toUTCString(); document.cookie = name + "=" + value + ";" + expires + ";path=/"; } function getCookie(name) { const cname = name + "="; const decodedCookie = decodeURIComponent(document.cookie); const ca = decodedCookie.split(';'); for (let i = 0; i < ca.length; i++) { let c = ca[i].trim(); if (c.indexOf(cname) === 0) { return c.substring(cname.length, c.length); } } return ""; } </script> <style> .popup-anchor { position: fixed; right: 16px; transform: rotate(-90deg); background-color: #0d766d; padding: 10px 80px; color: #fff; top: 30%; transform-origin: right; height: 52px; border: 0px; cursor: pointer; z-index: 999; font-size: 18px; } .popup-anchor .close-popup { display: block; position: absolute; top: 2px; right: 2px; z-index: 999; background-color: #fff; color: #c24f6e; width: 38px; height: 38px; font-size: 33px; line-height: 34px; text-align: center; -webkit-text-stroke: 3px #fff; text-stroke: 3px #fff; } </style> <div id="leftPopupAnchor" class="popup-anchor" onclick="showMainPopup();" style="display: none;"> <span class="close-popup" onclick="setCookie('popupClosed', 'true', 24); event.stopPropagation(); $(this).parent().remove();"><i class="fa fa-times"></i></span> <p>Želim popust</p> </div> <script type="text/javascript"> window.onload = function () { if (!getCookie("popupClosed")) { document.getElementById("leftPopupAnchor").style.display = "block"; } } </script> <style> #shopping-agent-root { position: fixed; right: 16px; bottom: 16px; z-index: 11000; font-family: Arial, sans-serif; } #shopping-agent-toggle { background: #0f766e; color: #fff; border: 0; border-radius: 999px; padding: 10px 16px; font-size: 14px; font-weight: 600; box-shadow: 0 8px 26px rgba(0, 0, 0, 0.2); cursor: pointer; } #shopping-agent-toggle.hidden { display: none; } #shopping-agent-modal { display: none; width: 360px; max-width: calc(100vw - 24px); background: #fff; border-radius: 14px; box-shadow: 0 14px 40px rgba(0, 0, 0, 0.28); overflow: hidden; } #shopping-agent-modal.open { display: block; } .shopping-agent-header { background: #0f766e; color: #fff; padding: 10px 12px; display: flex; align-items: center; justify-content: space-between; } .shopping-agent-title { font-size: 14px; font-weight: 700; } .shopping-agent-version { font-size: 11px; opacity: 0.85; margin-left: 8px; } .shopping-agent-header-main { display: flex; flex-direction: column; gap: 6px; min-width: 0; } .shopping-agent-style-switch { display: flex; gap: 6px; flex-wrap: wrap; } .shopping-agent-style-btn { border: 1px solid rgba(255, 255, 255, 0.35); background: rgba(255, 255, 255, 0.12); color: #fff; border-radius: 999px; padding: 4px 9px; font-size: 11px; font-weight: 600; line-height: 1.2; cursor: pointer; transition: background 0.15s ease, border-color 0.15s ease, opacity 0.15s ease; opacity: 0.9; } .shopping-agent-style-btn:hover { background: rgba(255, 255, 255, 0.18); opacity: 1; } .shopping-agent-style-btn.is-active { background: #ffffff; color: #0f766e; border-color: #ffffff; opacity: 1; } .shopping-agent-close { background: transparent; color: #fff; border: 0; font-size: 18px; line-height: 1; cursor: pointer; } .shopping-agent-messages { height: 420px; overflow-y: auto; padding: 12px; background: #f7faf9; } .shopping-agent-msg { margin-bottom: 10px; max-width: 95%; padding: 8px 10px; border-radius: 10px; font-size: 13px; line-height: 1.4; word-wrap: break-word; } .shopping-agent-msg.agent { background: #e4f4f2; color: #103b36; } .shopping-agent-msg.customer { background: #1f766f; color: #fff; margin-left: auto; } .shopping-agent-msg-meta { margin-top: 5px; font-size: 11px; line-height: 1.2; opacity: 0.85; text-align: right; } .shopping-agent-msg-feedback { margin-top: 6px; display: flex; gap: 6px; justify-content: flex-end; } .shopping-agent-feedback-btn { border: 1px solid #c7ddd9; background: #f3faf9; color: #1a4a43; border-radius: 6px; padding: 2px 7px; font-size: 12px; line-height: 1.2; cursor: pointer; } .shopping-agent-feedback-btn:hover { background: #e8f4f1; } .shopping-agent-feedback-btn.is-selected { background: #d6ece8; border-color: #8dbeb6; } .shopping-agent-msg.agent .shopping-agent-msg-meta { color: #2d6059; } .shopping-agent-msg.customer .shopping-agent-msg-meta { color: rgba(255, 255, 255, 0.95); } .shopping-agent-products-wrap { max-width: 95%; margin: -2px 0 10px 0; } .shopping-agent-help-links { max-width: 95%; margin: -2px 0 10px 0; display: flex; flex-wrap: wrap; gap: 6px; } .shopping-agent-help-link { display: inline-flex; align-items: center; gap: 6px; padding: 7px 10px; background: #f2faf8; border: 1px solid #cfe4de; border-radius: 999px; font-size: 12px; font-weight: 600; color: #0f5a52; text-decoration: none; } .shopping-agent-help-link:hover { background: #e7f5f1; text-decoration: none; } .shopping-agent-products { margin-top: 8px; display: flex; flex-direction: column; gap: 8px; } .shopping-agent-products-title { font-size: 12px; font-weight: 700; color: #0f4f47; margin: 2px 0 4px 0; } .shopping-agent-product { display: flex; gap: 8px; padding: 8px; background: #fff; border: 1px solid #d8e7e4; border-radius: 8px; } .shopping-agent-product-thumb { width: 56px; height: 56px; border-radius: 6px; object-fit: cover; flex: 0 0 auto; } .shopping-agent-product-body { min-width: 0; } .shopping-agent-product-name { display: inline-block; font-size: 12px; font-weight: 700; color: #0f3f39; text-decoration: none; } .shopping-agent-product-name:hover { text-decoration: underline; } .shopping-agent-product-meta { margin-top: 3px; font-size: 12px; color: #305954; } .shopping-agent-products-wrap.is-hidden-by-intent { display: none; } .shopping-agent-form { padding: 10px; border-top: 1px solid #e6ecea; background: #fff; } .shopping-agent-input { width: 100%; border: 1px solid #cddad6; border-radius: 8px; padding: 8px 9px; font-size: 13px; } .shopping-agent-actions { margin-top: 8px; display: flex; gap: 8px; } .shopping-agent-chat-feedback { margin-top: 8px; padding-top: 8px; border-top: 1px dashed #d3e1de; display: flex; align-items: center; justify-content: space-between; } .shopping-agent-chat-feedback-title { font-size: 12px; color: #2c5a54; font-weight: 600; } .shopping-agent-support-row { margin-top: 8px; } .shopping-agent-support-hint { display: none; margin-bottom: 6px; font-size: 12px; line-height: 1.4; color: #2b6158; } .shopping-agent-support-hint.is-visible { display: block; } .shopping-agent-support-trigger { width: 100%; border: 1px solid #cfe0dc; background: #f8fbfa; color: #184c45; border-radius: 8px; padding: 8px 10px; font-size: 13px; font-weight: 600; cursor: pointer; } .shopping-agent-support-trigger.is-highlighted { border-color: #0f766e; background: #e9f7f4; color: #0d5f58; } .shopping-agent-send, .shopping-agent-clear { flex: 1; border: 0; border-radius: 8px; padding: 8px 10px; font-size: 13px; font-weight: 600; cursor: pointer; } .shopping-agent-send { background: #0f766e; color: #fff; } .shopping-agent-clear { background: #eef4f3; color: #224743; } .shopping-agent-status { margin-bottom: 8px; font-size: 12px; color: #1d4b45; min-height: 16px; padding: 0; } .shopping-agent-status.loading { background: #e7f4f1; border: 1px solid #c8e4de; border-radius: 8px; padding: 7px 9px; } .shopping-agent-spinner { display: none; width: 18px; height: 18px; border: 2px solid #b7d8d2; border-top-color: #0f766e; border-radius: 50%; animation: shoppingAgentSpin 0.8s linear infinite; vertical-align: middle; margin-right: 8px; } .shopping-agent-status.loading .shopping-agent-spinner { display: inline-block; } .shopping-agent-support-backdrop { display: none; position: fixed; inset: 0; z-index: 12000; background: rgba(15, 23, 42, 0.48); align-items: center; justify-content: center; padding: 16px; } .shopping-agent-support-backdrop.open { display: flex; } .shopping-agent-support-dialog { width: 100%; max-width: 460px; background: #fff; border-radius: 14px; box-shadow: 0 18px 44px rgba(0, 0, 0, 0.28); overflow: hidden; } .shopping-agent-support-head { padding: 14px 16px 8px 16px; border-bottom: 1px solid #e6ecea; } .shopping-agent-support-title { font-size: 16px; font-weight: 700; color: #113d37; } .shopping-agent-support-intro { margin-top: 6px; font-size: 13px; line-height: 1.5; color: #41635e; } .shopping-agent-support-body { padding: 14px 16px 16px 16px; } .shopping-agent-support-field { margin-bottom: 12px; } .shopping-agent-support-field.has-error .shopping-agent-support-input, .shopping-agent-support-field.has-error .shopping-agent-support-textarea { border-color: #d84d4d; box-shadow: 0 0 0 3px rgba(216, 77, 77, 0.12); } .shopping-agent-support-label { display: block; margin-bottom: 5px; font-size: 12px; font-weight: 700; color: #244a45; } .shopping-agent-support-input, .shopping-agent-support-textarea { width: 100%; border: 1px solid #cddad6; border-radius: 8px; padding: 9px 10px; font-size: 13px; } .shopping-agent-support-textarea { min-height: 120px; resize: vertical; } .shopping-agent-support-field-error { display: none; margin-top: 5px; font-size: 12px; line-height: 1.4; color: #b42318; } .shopping-agent-support-field.has-error .shopping-agent-support-field-error { display: block; } .shopping-agent-support-actions { display: flex; gap: 8px; } .shopping-agent-support-submit, .shopping-agent-support-livechat, .shopping-agent-support-cancel { flex: 1; border: 0; border-radius: 8px; padding: 9px 10px; font-size: 13px; font-weight: 600; cursor: pointer; } .shopping-agent-support-submit { background: #0f766e; color: #fff; } .shopping-agent-support-livechat { background: #dff4ef; color: #0f5f58; border: 1px solid #b9ddd5; } .shopping-agent-support-livechat.is-hidden { display: none; } .shopping-agent-support-cancel { background: #eef4f3; color: #224743; } .shopping-agent-support-status { min-height: 18px; margin-bottom: 12px; font-size: 12px; line-height: 1.4; color: #1d4b45; } @keyframes shoppingAgentSpin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @media (max-width: 575px) { #shopping-agent-root { right: 8px; bottom: 8px; } #shopping-agent-modal { width: calc(100vw - 16px); max-height: calc(100vh - 16px); } .shopping-agent-messages { height: 52vh; } } </style> <div id="shopping-agent-root"> <button id="shopping-agent-toggle" type="button">Dance Assistant</button> <div id="shopping-agent-modal" aria-live="polite" aria-label="Dance Assistant"> <div class="shopping-agent-header"> <div class="shopping-agent-header-main"> <span class="shopping-agent-title">Dance Assistant</span> <span class="shopping-agent-version">v1.2.0</span> <div class="shopping-agent-style-switch" aria-label="Izberi slog asistenta"> <button type="button" class="shopping-agent-style-btn" data-style="dancer_friendly">Prijazno</button> <button type="button" class="shopping-agent-style-btn is-active" data-style="formal">Formalno</button> </div> </div> <button type="button" class="shopping-agent-close" id="shopping-agent-close">×</button> </div> <div class="shopping-agent-messages" id="shopping-agent-messages"> <div class="shopping-agent-msg agent"> Pozdravljeni! Potrebujete pomoč pri izbiri izdelkov, želite preveriti status naročila ali urediti reklamacijo? Z veseljem vam pomagam. <div class="shopping-agent-msg-meta">25.08.2026 20:18</div> </div> </div> <div class="shopping-agent-form"> <div style="position:absolute; left:-9999px; top:-9999px;" aria-hidden="true"> <label>Spletna stran</label> <input type="text" id="shopping-agent-website" value="" tabindex="-1" autocomplete="off"> </div> <div class="shopping-agent-status" id="shopping-agent-status"><span class="shopping-agent-spinner"></span><span class="shopping-agent-status-text"></span></div> <input type="text" id="shopping-agent-input" class="shopping-agent-input" placeholder="Vpisi vprasanje o izdelku..." maxlength="1000"> <div class="shopping-agent-actions"> <button type="button" class="shopping-agent-send" id="shopping-agent-send">Poslji</button> <button type="button" class="shopping-agent-clear" id="shopping-agent-clear">Pobrisi klepet</button> </div> <div class="shopping-agent-chat-feedback" id="shopping-agent-chat-feedback"> <span class="shopping-agent-chat-feedback-title">Oceni celoten klepet</span> <div> <button type="button" class="shopping-agent-feedback-btn shopping-agent-chat-feedback-btn" data-rating="up" title="Palec gor">👍</button> <button type="button" class="shopping-agent-feedback-btn shopping-agent-chat-feedback-btn" data-rating="down" title="Palec dol">👎</button> </div> </div> <div class="shopping-agent-support-row"> <div class="shopping-agent-support-hint" id="shopping-agent-support-hint"></div> <button type="button" class="shopping-agent-support-trigger" id="shopping-agent-support-trigger">Obrnite se na podporo</button> </div> </div> </div> <div class="shopping-agent-support-backdrop" id="shopping-agent-support-backdrop"> <div class="shopping-agent-support-dialog" role="dialog" aria-modal="true" aria-label="Spletna podpora"> <div class="shopping-agent-support-head"> <div class="shopping-agent-support-title">Spletna podpora</div> <div class="shopping-agent-support-intro">Pošljite svoje vprašanje naši podpori. Trenutni prepis klepeta bo samodejno priložen.</div> </div> <div class="shopping-agent-support-body"> <div style="position:absolute; left:-9999px; top:-9999px;" aria-hidden="true"> <label>Website</label> <input type="text" id="shopping-agent-support-website" value="" tabindex="-1" autocomplete="off"> </div> <div class="shopping-agent-support-status" id="shopping-agent-support-status"></div> <div class="shopping-agent-support-field"> <label class="shopping-agent-support-label" for="shopping-agent-support-name">Ime</label> <input type="text" class="shopping-agent-support-input" id="shopping-agent-support-name" value="" maxlength="64"> <div class="shopping-agent-support-field-error" id="shopping-agent-support-name-error"></div> </div> <div class="shopping-agent-support-field"> <label class="shopping-agent-support-label" for="shopping-agent-support-email">E-mail</label> <input type="email" class="shopping-agent-support-input" id="shopping-agent-support-email" value="" maxlength="96"> <div class="shopping-agent-support-field-error" id="shopping-agent-support-email-error"></div> </div> <div class="shopping-agent-support-field"> <label class="shopping-agent-support-label" for="shopping-agent-support-message">Vprašanje</label> <textarea class="shopping-agent-support-textarea" id="shopping-agent-support-message" maxlength="4000"></textarea> <div class="shopping-agent-support-field-error" id="shopping-agent-support-message-error"></div> </div> <div class="shopping-agent-support-actions"> <button type="button" class="shopping-agent-support-submit" id="shopping-agent-support-submit">Pošlji podpori</button> <button type="button" class="shopping-agent-support-cancel" id="shopping-agent-support-cancel">Zapri</button> </div> </div> </div> </div> </div> <script type="text/javascript"> (function() { var roots = document.querySelectorAll('#shopping-agent-root'); if (roots.length > 1) { for (var r = 1; r < roots.length; r++) { if (roots[r] && roots[r].parentNode) { roots[r].parentNode.removeChild(roots[r]); } } } var rootElement = document.getElementById('shopping-agent-root'); if (!rootElement) { return; } if (rootElement.getAttribute('data-agent-initialized') === '1') { return; } rootElement.setAttribute('data-agent-initialized', '1'); var modal = $('#shopping-agent-modal'); var toggleButton = $('#shopping-agent-toggle'); var messages = $('#shopping-agent-messages'); var input = $('#shopping-agent-input'); var status = $('#shopping-agent-status'); var csrfToken = 'gH3fizEfNlN3fb9SBOgRteqzmbyEg5Su'; var chatVersion = '1.2.0'; var initialResponseStyle = "formal"; var welcomeMessageFormal = "Pozdravljeni! Potrebujete pomo\u010d pri izbiri izdelkov, \u017eelite preveriti status naro\u010dila ali urediti reklamacijo? Z veseljem vam pomagam."; var welcomeMessageFriendly = "\u017divjo, plesalec! Potrebuje\u0161 pomo\u010d pri izbiri izdelkov, \u017eeli\u0161 preveriti stanje naro\u010dila ali urediti reklamacijo? Tukaj sem, da ti pomagam."; var minLen = 2; var initialChatId = '9488f01c54d3f0a4ea620fa460e24cc3'; var textTooShort = "Sporocilo je prekratko."; var textSending = "Posiljanje..."; var textProcessingError = "Med obdelavo je prislo do napake."; var textConnectionError = "Povezava z asistentom ni uspela."; var textNoAnswer = "Brez odgovora."; var textProductSuggestions = "Predlagam naslednje izdelke:"; var textClearConfirm = "Ali res zelis izbrisati celotno zgodovino klepeta?"; var textClearDone = "Zgodovina klepeta je bila izbrisana."; var textFeedbackTitle = "Oceni odgovor"; var textFeedbackUp = "Palec gor"; var textFeedbackDown = "Palec dol"; var textFeedbackSaved = "Hvala za oceno."; var textHelpLinkDefault = "Odpri povezavo"; var liveChatEnabled = true; var liveChatProvider = "tawk"; var liveChatHandoffUrl = 'https://www.dancemaster.si/index.php?route=extension/module/shopping_agent/livechatHandoff'; var liveChatTawkPropertyId = "6a54940c5f6a5d1d45915ad6"; var liveChatTawkWidgetId = "1jtd64khe"; var textLiveChatConnecting = "Oteviram live chat..."; var textLiveChatUnavailable = "Live chat neni prave dostupny."; var textLiveChatFallback = "Live chat se nepodarilo otevrit. Muzete nam zatim poslat zpravu."; var supportLiveChatButtonText = "Odpri klepet v \u017eivo"; var supportUrl = 'https://www.dancemaster.si/index.php?route=extension/module/shopping_agent/support'; var textSupportNameRequired = "Prosimo, vnesite svoje ime."; var textSupportEmailRequired = "Prosimo, vnesite svoj e-po\u0161tni naslov."; var textSupportEmailInvalid = "E-po\u0161tni naslov ni v pravilni obliki. Prosimo, uporabite oblik, kot je name@example.com"; var textSupportMessageRequired = "Prosimo, vnesite svoje vpra\u0161anje."; var textSupportSuccess = "Zprava byla odeslana na podporu."; var textSupportSuggestNoMatch = "Potrebujete poradit od cloveka? Poslete nam tento chat a ozveme se vam."; var supportDefaultName = ""; var supportDefaultEmail = ""; var clickUrl = 'https://www.dancemaster.si/index.php?route=extension/module/shopping_agent/click'; var rateUrl = 'https://www.dancemaster.si/index.php?route=extension/module/shopping_agent/rate'; var historyLoaded = false; var chatId = ''; var responseStyle = 'formal'; var lastCustomerMessageElement = null; var lastCustomerMessageText = ''; var activeIntentCategory = ''; var lastAgentMode = ''; var lastAgentSource = ''; var tawkLoading = false; var tawkReady = false; var tawkReadyCallbacks = []; var liveChatOpenRequested = false; var liveChatStatus = 'unknown'; var liveChatStatusPollTimer = null; var supportBackdrop = $('#shopping-agent-support-backdrop'); var supportStatus = $('#shopping-agent-support-status'); var supportLiveChatButton = $(); function setStatusText(text, loading) { if (loading) { status.addClass('loading'); } else { status.removeClass('loading'); } status.find('.shopping-agent-status-text').text(text || ''); } function setCookie(name, value, days) { var d = new Date(); d.setTime(d.getTime() + (days * 24 * 60 * 60 * 1000)); document.cookie = name + '=' + encodeURIComponent(value) + ';expires=' + d.toUTCString() + ';path=/'; } function getCookie(name) { var key = name + '='; var parts = document.cookie ? document.cookie.split(';') : []; for (var i = 0; i < parts.length; i++) { var p = parts[i].trim(); if (p.indexOf(key) === 0) { return decodeURIComponent(p.substring(key.length)); } } return ''; } function deleteCookie(name) { document.cookie = name + '=; Max-Age=0; path=/'; } function generateChatId() { return 'chat_' + Math.random().toString(36).slice(2) + Date.now().toString(36); } function getOrCreateChatId() { var existing = getCookie('shopping_agent_chat_id'); if (!existing && initialChatId) { existing = initialChatId; } if (!existing) { existing = generateChatId(); } setCookie('shopping_agent_chat_id', existing, 180); return existing; } function normalizeResponseStyle(style) { style = $.trim((style || '').toLowerCase()); if (style === 'dancer' || style === 'friendly' || style === 'dancer_friendly') { return 'dancer_friendly'; } return 'formal'; } function getWelcomeMessageByStyle(style) { style = normalizeResponseStyle(style); return style === 'dancer_friendly' ? welcomeMessageFriendly : welcomeMessageFormal; } function getStoredResponseStyle() { if (!window.localStorage) { return normalizeResponseStyle(initialResponseStyle); } return normalizeResponseStyle(localStorage.getItem('shopping_agent_response_style') || initialResponseStyle); } function storeResponseStyle(style) { responseStyle = normalizeResponseStyle(style); if (window.localStorage) { localStorage.setItem('shopping_agent_response_style', responseStyle); } applyResponseStyleUI(); } function applyResponseStyleUI() { rootElement.setAttribute('data-response-style', responseStyle); var styleButtons = rootElement.querySelectorAll('.shopping-agent-style-btn'); for (var i = 0; i < styleButtons.length; i++) { var button = styleButtons[i]; var isActive = normalizeResponseStyle(button.getAttribute('data-style')) === responseStyle; button.classList.toggle('is-active', isActive); } } function updateWelcomeMessageIfStandalone() { var agentMessages = messages.children('.shopping-agent-msg.agent'); var customerMessages = messages.children('.shopping-agent-msg.customer'); if (agentMessages.length !== 1 || customerMessages.length !== 0) { return; } var firstMessage = agentMessages.first(); var meta = firstMessage.find('.shopping-agent-msg-meta').first().prop('outerHTML') || ''; firstMessage.html(escapeHtml(getWelcomeMessageByStyle(responseStyle)) + meta); } function escapeHtml(text) { return $('<div/>').text(text || '').html(); } function escapeUrlAttribute(url) { var normalized = $('<textarea/>').html(url || '').text(); return escapeHtml(normalized); } function pad2(num) { num = parseInt(num, 10); if (isNaN(num)) { num = 0; } return (num < 10 ? '0' : '') + num; } function nowDateTime() { var d = new Date(); return d.getFullYear() + '-' + pad2(d.getMonth() + 1) + '-' + pad2(d.getDate()) + ' ' + pad2(d.getHours()) + ':' + pad2(d.getMinutes()) + ':' + pad2(d.getSeconds()); } function formatDateTime(dateTime) { var raw = $.trim(dateTime || ''); if (raw === '') { raw = nowDateTime(); } var match = raw.match(/^(\d{4})-(\d{2})-(\d{2})[ T](\d{2}):(\d{2})(?::(\d{2}))?$/); if (match) { return match[3] + '.' + match[2] + '.' + match[1] + ' ' + match[4] + ':' + match[5]; } var parsed = new Date(raw); if (!isNaN(parsed.getTime())) { return pad2(parsed.getDate()) + '.' + pad2(parsed.getMonth() + 1) + '.' + parsed.getFullYear() + ' ' + pad2(parsed.getHours()) + ':' + pad2(parsed.getMinutes()); } return raw; } function scrollToBottom() { messages.scrollTop(messages[0].scrollHeight); } function setSupportStatusText(text) { supportStatus.text(text || ''); } function getSupportFieldElement(fieldName) { return $('#shopping-agent-support-' + fieldName); } function getSupportFieldErrorElement(fieldName) { return $('#shopping-agent-support-' + fieldName + '-error'); } function clearSupportFieldError(fieldName) { var field = getSupportFieldElement(fieldName); var error = getSupportFieldErrorElement(fieldName); field.attr('aria-invalid', 'false'); field.closest('.shopping-agent-support-field').removeClass('has-error'); error.text(''); if (!$('.shopping-agent-support-field.has-error').length) { setSupportStatusText(''); } } function clearAllSupportFieldErrors() { clearSupportFieldError('name'); clearSupportFieldError('email'); clearSupportFieldError('message'); } function setSupportFieldError(fieldName, message) { var field = getSupportFieldElement(fieldName); var error = getSupportFieldErrorElement(fieldName); field.attr('aria-invalid', 'true'); field.closest('.shopping-agent-support-field').addClass('has-error'); error.text(message || ''); if (message) { setSupportStatusText(message); } } function isValidSupportEmail(email) { return /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test($.trim(email || '')); } function validateSupportEmailField() { var email = $.trim(getSupportFieldElement('email').val() || ''); clearSupportFieldError('email'); if (!email) { setSupportFieldError('email', textSupportEmailRequired); return false; } if (!isValidSupportEmail(email)) { setSupportFieldError('email', textSupportEmailInvalid); return false; } return true; } function isLiveChatConfigured() { return !!(liveChatEnabled && liveChatProvider === 'tawk' && liveChatTawkPropertyId && liveChatTawkWidgetId); } function normalizeLiveChatStatus(status) { status = $.trim((status || '').toLowerCase()); if (status === 'online' || status === 'away' || status === 'offline') { return status; } return 'unknown'; } function setLiveChatStatus(status) { liveChatStatus = normalizeLiveChatStatus(status); var isOnline = liveChatStatus === 'online'; if (isOnline) { attachSupportLiveChatButton(); } else { detachSupportLiveChatButton(); } supportLiveChatButton .toggleClass('is-hidden', !isOnline) .prop('disabled', !isOnline) .attr('aria-hidden', isOnline ? 'false' : 'true'); if (!isOnline && !liveChatOpenRequested && window.Tawk_API && typeof window.Tawk_API.hideWidget === 'function') { window.Tawk_API.hideWidget(); } } function getLiveChatStatus() { if (window.Tawk_API && typeof window.Tawk_API.getStatus === 'function') { try { return normalizeLiveChatStatus(window.Tawk_API.getStatus()); } catch (error) { } } return liveChatStatus; } function isLiveChatOnline() { return getLiveChatStatus() === 'online'; } function detachSupportLiveChatButton() { if (!supportLiveChatButton.length) { return; } supportLiveChatButton.remove(); supportLiveChatButton = $(); } function attachSupportLiveChatButton() { if (supportLiveChatButton.length) { return; } supportLiveChatButton = $('<button type="button" class="shopping-agent-support-livechat" id="shopping-agent-support-livechat"></button>'); supportLiveChatButton.text(supportLiveChatButtonText || 'Open live chat'); supportLiveChatButton.on('click', function() { openLiveChatSupport(); }); $('#shopping-agent-support-cancel').before(supportLiveChatButton); } function refreshLiveChatStatus() { setLiveChatStatus(getLiveChatStatus()); } function initializeLiveChatAvailability() { setLiveChatStatus('unknown'); if (!isLiveChatConfigured()) { return; } loadTawkWidget(function() { refreshLiveChatStatus(); }, true); } function startLiveChatStatusPolling() { if (liveChatStatusPollTimer) { return; } liveChatStatusPollTimer = window.setInterval(function() { if (tawkReady || (window.Tawk_API && typeof window.Tawk_API.getStatus === 'function')) { refreshLiveChatStatus(); } }, 10000); } function hideShoppingAgentForLiveChat() { modal.removeClass('open'); supportBackdrop.removeClass('open'); toggleButton.addClass('hidden'); } function restoreShoppingAgentAfterLiveChat() { liveChatOpenRequested = false; modal.removeClass('open'); supportBackdrop.removeClass('open'); toggleButton.removeClass('hidden'); if (window.Tawk_API && typeof window.Tawk_API.hideWidget === 'function') { window.Tawk_API.hideWidget(); } } function applyTawkWidgetPlacement() { window.Tawk_API = window.Tawk_API || {}; window.Tawk_API.customStyle = { zIndex: 10900, visibility: { desktop: { position: 'br', xOffset: 16, yOffset: 16 }, mobile: { position: 'br', xOffset: 8, yOffset: 8 }, bubble: { rotate: '0deg', xOffset: 0, yOffset: 0 } } }; } function runTawkReadyCallbacks() { if (!tawkReadyCallbacks.length) { return; } var callbacks = tawkReadyCallbacks.slice(0); tawkReadyCallbacks = []; for (var i = 0; i < callbacks.length; i++) { if (typeof callbacks[i] === 'function') { callbacks[i](); } } } function onTawkReady(callback) { if (typeof callback !== 'function') { return; } if (tawkReady || (window.Tawk_API && typeof window.Tawk_API.maximize === 'function')) { tawkReady = true; callback(); return; } tawkReadyCallbacks.push(callback); } function loadTawkWidget(callback, silent) { if (!isLiveChatConfigured()) { return false; } onTawkReady(callback); if (tawkReady || (window.Tawk_API && typeof window.Tawk_API.maximize === 'function')) { runTawkReadyCallbacks(); return true; } if (tawkLoading) { return true; } tawkLoading = true; window.Tawk_API = window.Tawk_API || {}; applyTawkWidgetPlacement(); window.Tawk_LoadStart = new Date(); var previousOnBeforeLoad = window.Tawk_API.onBeforeLoad; var previousOnLoad = window.Tawk_API.onLoad; var previousOnStatusChange = window.Tawk_API.onStatusChange; var previousOnChatMinimized = window.Tawk_API.onChatMinimized; var previousOnChatHidden = window.Tawk_API.onChatHidden; window.Tawk_API.onBeforeLoad = function() { if (!liveChatOpenRequested && window.Tawk_API && typeof window.Tawk_API.hideWidget === 'function') { window.Tawk_API.hideWidget(); } if (typeof previousOnBeforeLoad === 'function') { previousOnBeforeLoad(); } }; window.Tawk_API.onLoad = function() { tawkReady = true; tawkLoading = false; refreshLiveChatStatus(); startLiveChatStatusPolling(); if (!liveChatOpenRequested && window.Tawk_API && typeof window.Tawk_API.hideWidget === 'function') { window.Tawk_API.hideWidget(); } if (typeof previousOnLoad === 'function') { previousOnLoad(); } runTawkReadyCallbacks(); }; window.Tawk_API.onStatusChange = function(status) { setLiveChatStatus(status); if (typeof previousOnStatusChange === 'function') { previousOnStatusChange(status); } }; window.Tawk_API.onChatMinimized = function() { if (liveChatOpenRequested) { restoreShoppingAgentAfterLiveChat(); } if (typeof previousOnChatMinimized === 'function') { previousOnChatMinimized(); } }; window.Tawk_API.onChatHidden = function() { if (liveChatOpenRequested) { restoreShoppingAgentAfterLiveChat(); } if (typeof previousOnChatHidden === 'function') { previousOnChatHidden(); } }; var script = document.createElement('script'); script.async = true; script.src = 'https://embed.tawk.to/' + encodeURIComponent(liveChatTawkPropertyId) + '/' + encodeURIComponent(liveChatTawkWidgetId); script.charset = 'UTF-8'; script.setAttribute('crossorigin', '*'); script.onerror = function() { tawkLoading = false; setLiveChatStatus('offline'); if (!silent) { setStatusText(textLiveChatFallback, false); openSupportModal(); } }; document.head.appendChild(script); return true; } function buildLiveChatVisitorPayload(handoff) { var payload = {}; var attributes = (handoff && handoff.attributes) ? handoff.attributes : {}; for (var key in attributes) { if (!attributes.hasOwnProperty(key)) { continue; } if (attributes[key] === null || attributes[key] === undefined || attributes[key] === '') { continue; } payload[key] = String(attributes[key]); } return payload; } function buildLiveChatEventMetadata(handoff) { var metadata = {}; var attributes = (handoff && handoff.attributes) ? handoff.attributes : {}; var keys = [ 'shopping_agent_handoff_reason', 'shopping_agent_last_question', 'shopping_agent_transcript_url', 'shopping_agent_page_url' ]; for (var i = 0; i < keys.length; i++) { var key = keys[i]; if (!attributes.hasOwnProperty(key)) { continue; } if (attributes[key] === null || attributes[key] === undefined || attributes[key] === '' || attributes[key] === '-') { continue; } metadata[key] = String(attributes[key]); } return metadata; } function hasOwnProperties(obj) { for (var key in obj) { if (obj.hasOwnProperty(key)) { return true; } } return false; } function applyLiveChatVisitorData(handoff, callback) { var payload = buildLiveChatVisitorPayload(handoff); window.Tawk_API = window.Tawk_API || {}; if (handoff && (handoff.visitor_name || handoff.visitor_email)) { window.Tawk_API.visitor = {}; if (handoff.visitor_name) { window.Tawk_API.visitor.name = handoff.visitor_name; } if (handoff.visitor_email) { window.Tawk_API.visitor.email = handoff.visitor_email; } } if (window.Tawk_API && typeof window.Tawk_API.setAttributes === 'function' && hasOwnProperties(payload)) { window.Tawk_API.setAttributes(payload, function() { if (typeof callback === 'function') { callback(); } }); return; } if (typeof callback === 'function') { callback(); } } function applyLiveChatSupplementalEvent(handoff, callback) { var metadata = buildLiveChatEventMetadata(handoff); if (window.Tawk_API && typeof window.Tawk_API.addEvent === 'function' && hasOwnProperties(metadata)) { window.Tawk_API.addEvent('shopping-agent-handoff', metadata, function() { if (typeof callback === 'function') { callback(); } }); return; } if (typeof callback === 'function') { callback(); } } function openLiveChatWidget() { if (window.Tawk_API && typeof window.Tawk_API.maximize === 'function') { window.Tawk_API.maximize(); return true; } return false; } function startLiveChatSession(callback) { window.Tawk_API = window.Tawk_API || {}; liveChatOpenRequested = true; if (window.Tawk_API && typeof window.Tawk_API.showWidget === 'function') { window.Tawk_API.showWidget(); } if (window.Tawk_API && typeof window.Tawk_API.start === 'function') { try { if (typeof window.Tawk_API.isChatOngoing === 'function' && window.Tawk_API.isChatOngoing()) { if (typeof callback === 'function') { callback(); } return; } window.Tawk_API.start({ showWidget: true }); window.setTimeout(function() { if (typeof callback === 'function') { callback(); } }, 250); return; } catch (error) { } } if (typeof callback === 'function') { callback(); } } function connectToLiveChat(handoff) { if (!loadTawkWidget(function() { if (!isLiveChatOnline()) { setStatusText(textLiveChatUnavailable, false); openSupportModal(); return; } applyLiveChatVisitorData(handoff, function() { applyLiveChatSupplementalEvent(handoff, function() { if (window.Tawk_API && typeof window.Tawk_API.addTags === 'function') { window.Tawk_API.addTags(['shopping-agent', 'livechat-handoff']); } startLiveChatSession(function() { if (!openLiveChatWidget()) { liveChatOpenRequested = false; setStatusText(textLiveChatFallback, false); openSupportModal(); return; } liveChatOpenRequested = true; hideShoppingAgentForLiveChat(); setSupportHint('', false); setStatusText('', false); }); }); }); })) { setStatusText(textLiveChatUnavailable, false); openSupportModal(); } } function setSupportHint(text, highlighted) { var hint = $('#shopping-agent-support-hint'); var trigger = $('#shopping-agent-support-trigger'); if (text) { hint.text(text).addClass('is-visible'); } else { hint.text('').removeClass('is-visible'); } trigger.toggleClass('is-highlighted', !!highlighted); } function updateSupportSuggestion(json) { lastAgentMode = (json && json.mode) ? String(json.mode) : ''; lastAgentSource = (json && json.source) ? String(json.source) : ''; if (lastAgentMode === 'no_exact_match' || lastAgentSource === 'scope_guard') { setSupportHint(textSupportSuggestNoMatch, true); return; } if (lastAgentMode === 'ask_clarifying_question' && (!json.products || !json.products.length)) { setSupportHint(textSupportSuggestNoMatch, false); return; } setSupportHint('', false); } function openLiveChatSupport() { var name = $.trim($('#shopping-agent-support-name').val() || supportDefaultName || ''); var email = $.trim($('#shopping-agent-support-email').val() || supportDefaultEmail || ''); var message = $.trim($('#shopping-agent-support-message').val() || ''); clearAllSupportFieldErrors(); if (!isLiveChatConfigured()) { setStatusText(textLiveChatUnavailable, false); openSupportModal(); return; } if (!isLiveChatOnline()) { setStatusText(textLiveChatUnavailable, false); openSupportModal(); return; } if (email && !isValidSupportEmail(email)) { email = ''; } setStatusText(textLiveChatConnecting, true); setSupportStatusText(''); $.ajax({ url: liveChatHandoffUrl, type: 'post', dataType: 'json', data: { chat_id: chatId, response_style: responseStyle, name: name, email: email, support_message: message, mode: lastAgentMode, source: lastAgentSource, page_url: window.location.href, csrf_token: csrfToken }, success: function(json) { if (!json || !json.ok) { setStatusText((json && json.error) ? json.error : textLiveChatFallback, false); openSupportModal(); return; } closeSupportModal(); connectToLiveChat(json); }, error: function() { setStatusText(textLiveChatFallback, false); openSupportModal(); } }); } function scrollToMessageTop(messageElement) { if (!messageElement || !messageElement.length) { return; } var relativeTop = messageElement.position().top; if (typeof relativeTop !== 'number') { return; } var target = messages.scrollTop() + relativeTop - 6; messages.stop(true).animate({ scrollTop: target }, 180); } function scrollToAgentTurn(agentElement) { if (!agentElement || !agentElement.length) { return; } var current = messages.scrollTop(); var agentTop = agentElement.position().top; if (typeof agentTop !== 'number') { return; } var customerTop = null; if (lastCustomerMessageElement && lastCustomerMessageElement.length) { customerTop = lastCustomerMessageElement.position().top; } var target = current + agentTop - 8; if (typeof customerTop === 'number') { // Keep a small part of customer's message visible above the agent response. target = current + Math.max(customerTop - 28, Math.min(agentTop - 8, customerTop + 42)); } if (target < 0) { target = 0; } messages.stop(true).animate({ scrollTop: target }, 180); setTimeout(function() { messages.scrollTop(target); }, 260); } function normalizeForMatch(text) { var normalized = $.trim((text || '').toLowerCase()); if (normalized && normalized.normalize) { normalized = normalized.normalize('NFD').replace(/[\u0300-\u036f]/g, ''); } return normalized; } function detectIntentCategory(text) { var normalized = normalizeForMatch(text); if (!normalized) { return ''; } if (/(cvick|piskot|spick|latink|bot|obuv|shoe|stretch)/.test(normalized)) { return 'footwear'; } if (/(dres|trikot|leotard|body)/.test(normalized)) { return 'leotard'; } if (/(sukn|suknick|tutu|skirt)/.test(normalized)) { return 'skirt'; } if (/(mikina|hoodie|bunda|leginy|stucn|zahrievac)/.test(normalized)) { return 'warmup'; } if (/(vlasenk|sponk|hairpin|drdol|dopln)/.test(normalized)) { return 'accessory'; } return ''; } function detectProductCategoryFromName(name) { return detectIntentCategory(name || ''); } function hideIrrelevantProductGroups(category) { messages.find('.shopping-agent-products-wrap').removeClass('is-hidden-by-intent'); } function buildProductsHtml(products) { if (!$.isArray(products) || products.length === 0) { return ''; } var firstCategory = ''; var html = '<div class="shopping-agent-products">'; html += '<div class="shopping-agent-products-title">' + escapeHtml(textProductSuggestions) + '</div>'; for (var i = 0; i < products.length; i++) { var p = products[i] || {}; var href = p.href || '#'; var productId = parseInt(p.product_id || 0, 10); if (isNaN(productId) || productId < 1) { productId = 0; } if (!firstCategory) { firstCategory = detectProductCategoryFromName(p.name || ''); } html += '<div class="shopping-agent-product">'; html += '<img class="shopping-agent-product-thumb" src="' + escapeHtml(p.thumb || '') + '" alt="">'; html += '<div class="shopping-agent-product-body">'; html += '<a class="shopping-agent-product-name" href="' + escapeUrlAttribute(href) + '" target="_blank" rel="noopener noreferrer" data-product-id="' + productId + '" data-position-no="' + (i + 1) + '">' + escapeHtml(p.name || '') + '</a>'; html += '<div class="shopping-agent-product-meta">' + escapeHtml(p.price_text || '') + ' | ' + escapeHtml(p.availability || '') + '</div>'; html += '</div>'; html += '</div>'; } html += '</div>'; return { html: html, category: firstCategory }; } function buildMessageFeedbackHtml(messageText) { var safeMessageText = escapeHtml(messageText || ''); var html = '<div class="shopping-agent-msg-feedback" data-feedback-title="' + escapeHtml(textFeedbackTitle || '') + '">'; html += '<button type="button" class="shopping-agent-feedback-btn shopping-agent-message-feedback-btn" data-rating="up" data-message-text="' + safeMessageText + '" title="' + escapeHtml(textFeedbackUp || '') + '">👍</button>'; html += '<button type="button" class="shopping-agent-feedback-btn shopping-agent-message-feedback-btn" data-rating="down" data-message-text="' + safeMessageText + '" title="' + escapeHtml(textFeedbackDown || '') + '">👎</button>'; html += '</div>'; return html; } function buildHelpLinksHtml(helpLinks) { if (!$.isArray(helpLinks) || helpLinks.length === 0) { return ''; } var html = '<div class="shopping-agent-help-links">'; for (var i = 0; i < helpLinks.length; i++) { var link = helpLinks[i] || {}; if (!link.href) { continue; } html += '<a class="shopping-agent-help-link" href="' + escapeUrlAttribute(link.href) + '" target="_blank" rel="noopener noreferrer">' + escapeHtml(link.label || textHelpLinkDefault) + '</a>'; } html += '</div>'; return html === '<div class="shopping-agent-help-links"></div>' ? '' : html; } function appendMessage(sender, text, products, showProductCards, dateAdded, helpLinks) { var body = '<div class="shopping-agent-msg ' + sender + '">'; body += escapeHtml(text || ''); if (sender === 'agent') { body += buildMessageFeedbackHtml(text || ''); } body += '<div class="shopping-agent-msg-meta">' + escapeHtml(formatDateTime(dateAdded)) + '</div>'; body += '</div>'; messages.append(body); var added = messages.children('.shopping-agent-msg').last(); if (sender === 'customer') { lastCustomerMessageElement = added; lastCustomerMessageText = $.trim(text || ''); } if (sender === 'agent' && showProductCards !== false) { var productsData = buildProductsHtml(products || []); if (productsData && productsData.html) { var categoryAttr = productsData.category ? ' data-category="' + escapeHtml(productsData.category) + '"' : ''; messages.append('<div class="shopping-agent-products-wrap"' + categoryAttr + '>' + productsData.html + '</div>'); if (activeIntentCategory) { hideIrrelevantProductGroups(activeIntentCategory); } } } if (sender === 'agent') { var helpLinksHtml = buildHelpLinksHtml(helpLinks || []); if (helpLinksHtml) { messages.append(helpLinksHtml); } } if (sender === 'agent') { scrollToAgentTurn(added); setTimeout(function() { scrollToAgentTurn(added); }, 120); setTimeout(function() { scrollToAgentTurn(added); }, 360); } else { scrollToBottom(); } } function renderHistory(list) { if (!$.isArray(list) || list.length === 0) { return; } var html = ''; for (var i = 0; i < list.length; i++) { var row = list[i] || {}; var sender = row.sender === 'customer' ? 'customer' : 'agent'; html += '<div class="shopping-agent-msg ' + sender + '">'; html += escapeHtml(row.message || ''); if (sender === 'agent') { html += buildMessageFeedbackHtml(row.message || ''); } html += '<div class="shopping-agent-msg-meta">' + escapeHtml(formatDateTime(row.date_added || '')) + '</div>'; html += '</div>'; if (sender === 'agent' && row.show_product_cards !== false) { var cardsData = buildProductsHtml(row.products || []); if (cardsData && cardsData.html) { var categoryAttr = cardsData.category ? ' data-category="' + escapeHtml(cardsData.category) + '"' : ''; html += '<div class="shopping-agent-products-wrap"' + categoryAttr + '>' + cardsData.html + '</div>'; } } if (sender === 'agent') { html += buildHelpLinksHtml(row.help_links || []); } } if (html !== '') { messages.html(html); lastCustomerMessageElement = messages.children('.shopping-agent-msg.customer').last(); var customerRows = $.grep(list, function(row) { return row && row.sender === 'customer' && $.trim(row.message || '') !== ''; }); if (customerRows.length > 0) { lastCustomerMessageText = $.trim(customerRows[customerRows.length - 1].message || ''); activeIntentCategory = detectIntentCategory(lastCustomerMessageText); } else { activeIntentCategory = ''; } hideIrrelevantProductGroups(activeIntentCategory); scrollToBottom(); } } function trackProductClick(productId, positionNo) { if (!clickUrl || !chatId || !productId) { return; } $.ajax({ url: clickUrl, type: 'post', dataType: 'json', data: { chat_id: chatId, product_id: parseInt(productId, 10) || 0, position_no: parseInt(positionNo, 10) || 0, query_text: lastCustomerMessageText, csrf_token: csrfToken } }); } function sendRating(targetType, rating, messageText, button) { if (!rateUrl || !chatId) { return; } $.ajax({ url: rateUrl, type: 'post', dataType: 'json', data: { chat_id: chatId, target_type: targetType, rating: rating, message_text: messageText || '', csrf_token: csrfToken }, success: function(json) { if (!json || !json.ok) { setStatusText((json && json.error) ? json.error : textProcessingError, false); return; } if (button && button.length) { var container = button.parent(); container.find('.shopping-agent-feedback-btn').removeClass('is-selected'); button.addClass('is-selected'); } if (rating === 'down') { setSupportHint(textSupportSuggestNoMatch, true); } setStatusText(textFeedbackSaved || '', false); }, error: function() { setStatusText(textConnectionError, false); } }); } function ensureVersion() { var key = 'shopping_agent_chat_version'; var saved = window.localStorage ? localStorage.getItem(key) : null; if (saved !== chatVersion && window.localStorage) { localStorage.setItem(key, chatVersion); historyLoaded = false; deleteCookie('shopping_agent_chat_id'); chatId = getOrCreateChatId(); } } function loadHistory() { if (historyLoaded) { return; } $.ajax({ url: 'https://www.dancemaster.si/index.php?route=extension/module/shopping_agent/history', type: 'post', dataType: 'json', data: { chat_id: chatId, response_style: responseStyle }, success: function(json) { if (json && json.ok) { renderHistory(json.history || []); if ((!json.history || !json.history.length) && json.welcome_message) { messages.html('<div class="shopping-agent-msg agent">' + escapeHtml(json.welcome_message) + '<div class="shopping-agent-msg-meta">' + escapeHtml(formatDateTime(nowDateTime())) + '</div></div>'); } } historyLoaded = true; } }); } function sendMessage() { var text = $.trim(input.val()); if (text.length < minLen) { setStatusText(textTooShort, false); return; } var nextIntentCategory = detectIntentCategory(text); if (nextIntentCategory && activeIntentCategory && nextIntentCategory !== activeIntentCategory) { hideIrrelevantProductGroups(nextIntentCategory); } if (nextIntentCategory) { activeIntentCategory = nextIntentCategory; } setStatusText(textSending, true); appendMessage('customer', text, [], false, nowDateTime()); input.val(''); $.ajax({ url: 'https://www.dancemaster.si/index.php?route=extension/module/shopping_agent/send', type: 'post', dataType: 'json', data: { chat_id: chatId, response_style: responseStyle, message: text, website: $('#shopping-agent-website').val(), csrf_token: csrfToken }, success: function(json) { if (!json || !json.ok) { appendMessage('agent', (json && json.error) ? json.error : textProcessingError, [], false, nowDateTime()); setStatusText('', false); return; } if (json.chat_id) { chatId = json.chat_id; setCookie('shopping_agent_chat_id', chatId, 180); } appendMessage('agent', json.answer || textNoAnswer, json.products || [], json.show_product_cards !== false, nowDateTime(), json.help_links || []); updateSupportSuggestion(json || {}); setStatusText('', false); }, error: function() { appendMessage('agent', textConnectionError, [], false, nowDateTime(), []); setStatusText('', false); } }); } function openSupportModal() { setLiveChatStatus('unknown'); if (isLiveChatConfigured()) { loadTawkWidget(function() { refreshLiveChatStatus(); }, true); } if (!$('#shopping-agent-support-name').val()) { $('#shopping-agent-support-name').val(supportDefaultName || ''); } if (!$('#shopping-agent-support-email').val()) { $('#shopping-agent-support-email').val(supportDefaultEmail || ''); } clearAllSupportFieldErrors(); setSupportStatusText(''); supportBackdrop.addClass('open'); $('#shopping-agent-support-message').trigger('focus'); } function closeSupportModal() { supportBackdrop.removeClass('open'); clearAllSupportFieldErrors(); setSupportStatusText(''); } function sendSupportRequest() { var name = $.trim($('#shopping-agent-support-name').val()); var email = $.trim($('#shopping-agent-support-email').val()); var message = $.trim($('#shopping-agent-support-message').val()); clearAllSupportFieldErrors(); if (name.length < 2) { setSupportFieldError('name', textSupportNameRequired); getSupportFieldElement('name').trigger('focus'); return; } if (!validateSupportEmailField()) { getSupportFieldElement('email').trigger('focus'); return; } if (message.length < 5) { setSupportFieldError('message', textSupportMessageRequired); getSupportFieldElement('message').trigger('focus'); return; } setSupportStatusText(textSending); $.ajax({ url: supportUrl, type: 'post', dataType: 'json', data: { chat_id: chatId, response_style: responseStyle, mode: lastAgentMode, source: lastAgentSource, name: name, email: email, support_message: message, support_website: $('#shopping-agent-support-website').val(), csrf_token: csrfToken }, success: function(json) { if (!json || !json.ok) { setSupportStatusText((json && json.error) ? json.error : textProcessingError); return; } $('#shopping-agent-support-message').val(''); closeSupportModal(); setSupportHint('', false); setStatusText((json && json.message) ? json.message : textSupportSuccess, false); }, error: function() { setSupportStatusText(textConnectionError); } }); } function clearChat() { if (!window.confirm(textClearConfirm)) { return; } $.ajax({ url: 'https://www.dancemaster.si/index.php?route=extension/module/shopping_agent/clear', type: 'post', dataType: 'json', data: { chat_id: chatId, response_style: responseStyle, csrf_token: csrfToken }, success: function(json) { deleteCookie('shopping_agent_chat_id'); chatId = getOrCreateChatId(); historyLoaded = false; activeIntentCategory = ''; lastAgentMode = ''; lastAgentSource = ''; setSupportHint('', false); $('#shopping-agent-chat-feedback .shopping-agent-feedback-btn').removeClass('is-selected'); messages.html('<div class="shopping-agent-msg agent">' + escapeHtml(getWelcomeMessageByStyle(responseStyle)) + '<div class="shopping-agent-msg-meta">' + escapeHtml(formatDateTime(nowDateTime())) + '</div></div>'); setStatusText(textClearDone, false); }, error: function() { setStatusText(textConnectionError, false); } }); } chatId = getOrCreateChatId(); responseStyle = getStoredResponseStyle(); ensureVersion(); applyResponseStyleUI(); updateWelcomeMessageIfStandalone(); initializeLiveChatAvailability(); $('#shopping-agent-toggle').on('click', function() { toggleButton.addClass('hidden'); modal.addClass('open'); loadHistory(); scrollToBottom(); }); $('#shopping-agent-close').on('click', function() { modal.removeClass('open'); toggleButton.removeClass('hidden'); $.ajax({ url: 'https://www.dancemaster.si/index.php?route=extension/module/shopping_agent/close', type: 'post', dataType: 'json', data: { chat_id: chatId } }); }); $('#shopping-agent-send').on('click', function() { sendMessage(); }); $('#shopping-agent-clear').on('click', function() { clearChat(); }); $('#shopping-agent-support-trigger').on('click', function() { openSupportModal(); }); $('#shopping-agent-support-cancel').on('click', function() { closeSupportModal(); }); $('#shopping-agent-support-submit').on('click', function() { sendSupportRequest(); }); $('#shopping-agent-support-name').on('input', function() { clearSupportFieldError('name'); }); $('#shopping-agent-support-email').on('input', function() { clearSupportFieldError('email'); }); $('#shopping-agent-support-email').on('blur', function() { var email = $.trim($(this).val() || ''); if (email !== '') { validateSupportEmailField(); } }); $('#shopping-agent-support-message').on('input', function() { clearSupportFieldError('message'); }); supportBackdrop.on('click', function(e) { if (e.target === this) { closeSupportModal(); } }); $('.shopping-agent-style-btn').on('click', function() { var nextStyle = normalizeResponseStyle($(this).attr('data-style') || ''); if (nextStyle === responseStyle) { return; } storeResponseStyle(nextStyle); updateWelcomeMessageIfStandalone(); }); messages.on('click', '.shopping-agent-product-name', function() { var link = $(this); trackProductClick(link.data('product-id'), link.data('position-no')); }); messages.on('click', '.shopping-agent-message-feedback-btn', function() { var button = $(this); sendRating('message', button.attr('data-rating') || '', button.attr('data-message-text') || '', button); }); $('#shopping-agent-chat-feedback').on('click', '.shopping-agent-chat-feedback-btn', function() { var button = $(this); sendRating('chat', button.attr('data-rating') || '', '', button); }); input.on('keydown', function(e) { if (e.keyCode === 13) { e.preventDefault(); sendMessage(); } }); $('#shopping-agent-support-message').on('keydown', function(e) { if ((e.ctrlKey || e.metaKey) && e.keyCode === 13) { e.preventDefault(); sendSupportRequest(); } }); })(); </script> </body></html>