1 2 3<!DOCTYPE html> 4<html class="loading" lang="sr" data-textdirection="ltr"> 5 6<head> 7 8 9 10 <meta name="viewport" 11 content="width=device-width, height=device-height, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0"> 12 13 <link rel="manifest" href="/manifest.json" /> 14 15
15<script src="/sw.js"></script>
15 16 17 <link rel="apple-touch-icon" sizes="180x180" 18 href="/templates/B2C/skins/main/images/favicons/apple-touch-icon.png"> 19 <link rel="icon" href="/templates/B2C/skins/main/images/favicons/icon.png"> 20 <link rel="shortcut icon" href="/templates/B2C/skins/main/images/favicons/favicon.ico" 21 type="image/x-icon"> 22 <link rel="icon" type="image/png" sizes="32x32" 23 href="/templates/B2C/skins/main/images/favicons/icon.png"> 24 <link rel="icon" type="image/png" sizes="16x16" 25 href="/templates/B2C/skins/main/images/favicons/icon.png"> 26 <link rel="icon" type="image/png" sizes="32x32" 27 href="/templates/B2C/skins/main/images/favicons/favicon-32x32.png"> 28 <link rel="icon" type="image/png" sizes="16x16" 29 href="/templates/B2C/skins/main/images/favicons/favicon-16x16.png"> 30 31 32 <link rel="stylesheet" 33 href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css"> 34 35 36 <link rel="stylesheet" 37 href="https://cdn.jsdelivr.net/gh/orestbida/[email protected]/dist/cookieconsent.css" 38 media="print" onload="this.media='all'"> 39 40 <link rel="stylesheet" 41 href="https://cdn.jsdelivr.net/npm/swiper@8/swiper-bundle.min.css" /> 42
42<script src="https://cdn.jsdelivr.net/npm/swiper@8/swiper-bundle.min.js" 43 defer></script>
43 44 45
45<script 46 src='https://cdn-test.b2bee.rs/new1/library/jquery/jquery-3.5.1.min.js'></script>
46 47 48 <!-- PNotify ? --> 49
49<script 50 src='https://cdn-test.b2bee.rs/new2/template/app/vendors/pnotify/dist/pnotify.js'></script>
50 51
51<script 52 src='https://cdn-test.b2bee.rs/new2/template/app/vendors/pnotify/dist/pnotify.buttons.js'></script>
52 53
53<script 54 src='https://cdn-test.b2bee.rs/new2/template/app/vendors/pnotify/dist/pnotify.nonblock.js'></script>
54 55 56
56<script src="/templates/B2C/skins/main/js/core-scripts-local.js"></script>
56 57 58 59 60
60<script src="https://cdn.jsdelivr.net/gh/orestbida/[email protected]/dist/cookieconsent.js"></script>
60 61 62 63
63<script> 64 var cc = initCookieConsent(); 65 66 if (window.gtag === undefined) { 67 window.dataLayer = window.dataLayer || []; 68 function gtag() { dataLayer.push(arguments); } 69 gtag('js', new Date()); 70 } 71 72 gtag('consent', 'default', { 73 'analytics_storage': 'denied', 74 'wait_for_update': 2000 75 }); 76 77 // Check if user already has consent saved 78 var cookieStr = document.cookie; 79 var ccCookieMatch = cookieStr.match(/cc_cookie=([^;]+)/); 80 81 if (ccCookieMatch) { 82 try { 83 var ccCookie = JSON.parse(decodeURIComponent(ccCookieMatch[1])); 84 if (ccCookie.categories && ccCookie.categories.includes('analytics')) { 85 gtag('consent', 'update', { 86 'analytics_storage': 'granted', 87 }); 88 } 89 } catch (e) { 90 console.log('cookie match failed', e); 91 } 92 } 93 </script>
93 94 95 96 97 98<link href="templates/B2C/skins/main/cashed-skin.css?58db124617bb4fd89d5818645f1420a9" type="text/css" rel="stylesheet" /><link rel="canonical" href="https://dereta.rs/korpa.aspx" />
98<script>var MasterJson = { 99 "ECommerceAPIProductsGetUrl": "https://RSDERETA-API-kzczjbhb7d44s-test.azurewebsites.net/Products/Get", 100 "ECommerceAPIProductsGetForLocalItemsUrl": "https://RSDERETA-API-kzczjbhb7d44s-test.azurewebsites.net/Products/GetItemsForLocalDB", 101 "ECommerceAPIGetSearchResultsUrl": "https://RSDERETA-API-kzczjbhb7d44s-test.azurewebsites.net/Products/GetSearchResults", 102 "ECommerceAPIGetClientSalesPriceGroupUidUrl": "https://RSDERETA-API-kzczjbhb7d44s-test.azurewebsites.net/Products/GetClientSalesPriceGroupUid", 103 "SalesPriceGroupUid": "CEE91746-1A95-47DC-89C0-D15D35336607", 104 "showCategory": "true", 105 "BasketTerms": "/v/d02256bf-0f5d-487f-901f-594bab1d8345/Kupovina-i-dostava.aspx" 106} </script>
106<meta name="facebook-domain-verification" content="iku9ypiczxxuyp0w986sxln3fro2ah" /> 107 <meta name="google-site-verification" content="-4hWH1d1lfNEYUGMaUDlFR_F-hlpiLTfoZOo4WNOa8s" /> 108 <!-- Meta Pixel Code --> 109
109<script>
vendor: 444 bytes, lines 109-118
109 110 !function(f,b,e,v,n,t,s) 111 {if(f.fbq)return;n=f.fbq=function(){n.callMethod? 112 n.callMethod.apply(n,arguments):n.queue.push(arguments)}; 113 if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; 114 n.queue=[];t=b.createElement(e);t.async=!0; 115 t.src=v;s=b.getElementsByTagName(e)[0]; 116 s.parentNode.insertBefore(t,s)}(window, document,'script', 117 'https://connect.facebook.net/en_US/fbevents.js'); 118 fbq('init', '
1181010075483418507
vendor: 40 bytes, lines 118-120
118'); 119 fbq('track', 'PageView'); 120
120</script>
120 121 <noscript><img height="1" width="1" style="display:none" 122 src="https://www.facebook.com/tr?id=1010075483418507&ev=PageView&noscript=1" 123 /></noscript> 124 <!-- End Meta Pixel Code -->
vendor: 73 bytes, lines 124-127
124 125 126 127 <script async src="https://www.googletagmanager.com/gtag/js?id=
127UA-44924383-1
vendor: 17 bytes, lines 127-128
127"></script> 128
128<!-- Google Tag Manager -->
129<script>
vendor: 331 bytes, lines 129-133
129(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 130new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 131j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 132'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 133})(window,document,'script','dataLayer','
133GTM-NVLQW2W
vendor: 3 bytes, line 133
133');
133</script>
133 134<!-- End Google Tag Manager -->
134<script>var CheckoutItems = {"event":"begin_checkout","ecommerce":{"currency":null,"value":0.0,"items":[]}}</script>
134<title> 135 Dereta - Knjižara i izdavaÄka kuÄa - Beograd 136</title><style type="text/css"> 137 .ctl00_ctl00_ContentPlaceHolder1_HelpZone_0 { border-color:Black;border-width:1px;border-style:Solid; } 138 .ctl00_ctl00_ContentPlaceHolder1_FooterZone21_0 { border-color:Black;border-width:1px;border-style:Solid; } 139 .ctl00_ctl00_ContentPlaceHolder1_FooterZone22_0 { border-color:Black;border-width:1px;border-style:Solid; } 140 .ctl00_ctl00_ContentPlaceHolder1_CustomLoaderZone_0 { border-color:Black;border-width:1px;border-style:Solid; } 141 .ctl00_ctl00_ContentPlaceHolder1_HeaderZone_0 { border-color:Black;border-width:1px;border-style:Solid; } 142 .ctl00_ctl00_ContentPlaceHolder1_SearchZone_0 { border-color:Black;border-width:1px;border-style:Solid; } 143 .ctl00_ctl00_ContentPlaceHolder1_LoginZone_0 { border-color:Black;border-width:1px;border-style:Solid; } 144 .ctl00_ctl00_ContentPlaceHolder1_HorizontalMenuZone_0 { border-color:Black;border-width:1px;border-style:Solid; } 145 .ctl00_ctl00_ContentPlaceHolder1_MenuZone_0 { border-color:Black;border-width:1px;border-style:Solid; } 146 .ctl00_ctl00_ContentPlaceHolder1_LocationsZone_0 { border-color:Black;border-width:1px;border-style:Solid; } 147 .ctl00_ctl00_ContentPlaceHolder1_BasketZone_0 { border-color:Black;border-width:1px;border-style:Solid; } 148 .ctl00_ctl00_ContentPlaceHolder1_WideTopZone_0 { border-color:Black;border-width:1px;border-style:Solid; } 149 .ctl00_ctl00_ContentPlaceHolder1_LeftZone_0 { border-color:Black;border-width:1px;border-style:Solid; } 150 .ctl00_ctl00_ContentPlaceHolder1_RightZone_0 { border-color:Black;border-width:1px;border-style:Solid; } 151 .ctl00_ctl00_ContentPlaceHolder1_LeftZoneV1_0 { border-color:Black;border-width:1px;border-style:Solid; } 152 .ctl00_ctl00_ContentPlaceHolder1_RightZoneV1_0 { border-color:Black;border-width:1px;border-style:Solid; } 153 .ctl00_ctl00_ContentPlaceHolder1_WideBottomZone_0 { border-color:Black;border-width:1px;border-style:Solid; } 154 .ctl00_ctl00_ContentPlaceHolder1_FooterContactZone_0 { border-color:Black;border-width:1px;border-style:Solid; } 155 .ctl00_ctl00_ContentPlaceHolder1_FooterZone_0 { border-color:Black;border-width:1px;border-style:Solid; } 156 .ctl00_ctl00_ContentPlaceHolder1_LegalZone_0 { border-color:Black;border-width:1px;border-style:Solid; } 157 .ctl00_ctl00_ContentPlaceHolder1_SocialZone_0 { border-color:Black;border-width:1px;border-style:Solid; } 158 .ctl00_ctl00_ContentPlaceHolder1_CreditCardsZone_0 { border-color:Black;border-width:1px;border-style:Solid; } 159 .ctl00_ctl00_ContentPlaceHolder1_ModalZone_0 { border-color:Black;border-width:1px;border-style:Solid; } 160 161</style></head> 162 163<!-- for dark mode: .dark-layout --> 164<body class="vertical-layout vertical-menu-modern content-detached-left-sidebar ecommerce-application navbar-floating footer-static" data-open="click" data-menu="vertical-menu-modern" data-col="content-detached-left-sidebar"> 165 166 <form name="aspnetForm" method="post" action="/korpa.aspx" id="aspnetForm"> 167<div> 168<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="vH3pyNxAXwPubw1eg/d9QYN5eR4fnIbguw28RBNl16I/qsjnVGRP7VWYWXO9TDmCYVJsSCtF//6MBsKxu9m8u7LC16yFL1SFu+pogO66/bQ=" /> 169</div> 170 171 <div> 172 173 <input type="hidden" name="__VIEWSTATEGENERATOR" id="__VIEWSTATEGENERATOR" value="31E13CCC" /> 174 </div> 175 <div> 176 177 178 179 180 <div style="display: none;"> 181 <div id="HelpZone" class="contentcontainer"> 182 <div class="ver-item"> 183 184 <div class="module ver" IsTemplateWide="True"> 185 186 </div> 187 <div class="module ver" IsTemplateWide="True"> 188 189 190 </div> 191 </div> 192 </div> 193 194 <div id="FooterZone21" class="contentcontainer"> 195 <div class="ver-item"> 196 197 <div class="module ver" IsTemplateWide="True"> 198 199<div id="ctl00_ctl00_CMSWebPartManager_Copyright1_Copyright1title_ctl00_Panel1" class="main-content"> 200 201 <div id="ctl00_ctl00_CMSWebPartManager_Copyright1_Copyright1title_ctl00_cr1"> 202 203 204 </div> 205 206 </div> 207 </div> 208 </div> 209 </div> 210 211 <div id="FooterZone22" class="contentcontainer"> 212 <div class="ver-item"> 213 214 <div class="module ver" IsTemplateWide="True"> 215 216<div id="ctl00_ctl00_CMSWebPartManager_Copyright2_Copyright2title_ctl00_Panel1" class="main-content"> 217 218 <div id="ctl00_ctl00_CMSWebPartManager_Copyright2_Copyright2title_ctl00_cr2"> 219 220 221 </div> 222 223 </div> 224 </div> 225 </div> 226 </div> 227 228 </div> 229 230 <div id="CustomLoaderZone" class="contentcontainer"> 231 <div class="ver-item"> 232 233 <div class="module ver" IsTemplateWide="False"> 234 <div class="custom-loader"> 235 <img src="/templates/B2C/skins/main/images/Ripple-1s-200px.svg" alt="custom loader" style="aspect-ratio: 1 / 1;"> 236</div> 237 238<style> 239 .custom-loader { 240 position: fixed; 241 width: 100%; 242 height: 100%; 243 z-index: 99999; 244 background-color: #fff; 245 display: flex; 246 align-items: center; 247 justify-content: center; 248 } 249 .custom-loader img { 250 max-width: 200px; 251 } 252</style> 253 </div> 254 </div> 255 </div> 256 257 258 <!-- TM --> 259 260 <div class="fixed-header-compensation"></div> 261 <div class="body-overlay"></div> 262 263 <header> 264 <div class="buttons-search"> 265 <div class="container"> 266 <button type="button" class="btn header-btn itemmenu" id="main-menu-open" 267 aria-label="Main menu open"> 268 <i class="bi bi-list"></i> 269 </button> 270 271 <div class="itemmenu"> 272 <div id="HeaderZone" class="contentcontainer"> 273 <div class="ver-item"> 274 275 <div class="module ver" IsTemplateWide="True"> 276 <div id="ctl00_ctl00_CMSWebPartManager_Logo_LogoTitle_ctl00_pnlBanner" class="logo-zone"> 277 278 <a id="ctl00_ctl00_CMSWebPartManager_Logo_LogoTitle_ctl00_lnkBanner" title="B2C" href="/"><img title="B2C" src="Uploads/B2C/logo.png" alt="B2C" style="border-width:0px;" /></a> 279 280 </div> 281 282 </div> 283 </div> 284 </div> 285 286 </div> 287 288 <div class="search-menu itemmenu"> 289 <div class="container"> 290 <div id="SearchZone" class="contentcontainer"> 291 <div class="ver-item"> 292 293 <div class="module ver" IsTemplateWide="True"> 294 <div class="search-inner"> 295 <input placeholder='Unesite pojam za pretragu' type="search" name="search" id="txtSearch" autocomplete="off"> 296 <span class="new-search-loader" style="display: none;"> 297 <img src="/templates/B2C/skins/main/images/Rolling-1s-200px.svg" alt="loader" /> 298 </span> 299 <i class="bi bi-search"></i> 300 301</div> 302 303<div id="autocompleteNew" style="display: none;"> 304 <span id="close-btn">
305 <span class="bi bi-x" aria-hidden="true"></span> 306 </span> 307 <div id="products-container"> 308 <div class="title">Proizvodi</div> 309 <div class="data"></div> 310 <div class="pager"></div> 311 312 </div> 313 <div id="categories-container"> 314 <div class="title">Kategorije</div> 315 <div class="data"></div> 316 </div> 317 <div class="big-search-loader" style="display: none;"> 318 <img src="/templates/B2C/skins/main/images/Ripple-1s-200px.svg" alt="loader" /> 319 </div> 320</div> 321 322<style> 323 #txtSearch, #txtSearch::placeholder { 324 color: var(--bs-gray-600); 325 } 326</style> 327
328<script> 329 const numberOfResults = 6; 330 const textArea = document.getElementById("txtSearch"); 331 let searchRequest = null; 332 333 function getResults(query, page) { 334 // console.log('getResults called'); 335 if (query.length > 2) { 336 $('.new-search-loader').fadeIn(150); 337 $('.big-search-loader').fadeIn(150); 338 query = encodeURL(query); 339 // console.log('start search for:', query); 340 341 searchRequest = $.ajax(MasterJson.ECommerceAPIGetSearchResultsUrl + `?query=${query}&page=${page}&take=${numberOfResults}&UseIdentity=true&SalesPriceGroupUid=${MasterJson.SalesPriceGroupUid}`) 342 .done(function (data) { 343 // console.log(data); 344 345 if (data) { 346 // Products: 347 if (data.Products && data.Products.length) { 348 const productsHtml = data.Products.map(item => { 349 let fpf = item.FullPrice?.toLocaleString('sr-RS', { 350 style: 'currency', 351 currency: MasterJson.SearchCurrencyISO ? MasterJson.SearchCurrencyISO : 'RSD', 352 maximumFractionDigits: 0, 353 }); 354 let spf = item.SalesPrice?.toLocaleString('sr-RS', { 355 style: 'currency', 356 currency: MasterJson.SearchCurrencyISO ? MasterJson.SearchCurrencyISO : 'RSD', 357 maximumFractionDigits: 0, 358 }); 359 return ` 360 <a class="product" href="${item.LinkUrl}"> 361 <img src="${item.ImagePath || '/Assets/no_image.png'}" alt="${item.Name}" title="${item.Name}" onerror="this.onerror=null;this.src='/Assets/no_image.png';" /> 362 <span class="name">${item.Name}</span> 363 <div class="prices"> 364 ${item.FullPrice > item.SalesPrice ? '<span class="full">' + fpf + '</span>' : ''} 365 <span class="sales">${spf || ''}</span> 366 </div> 367 </a> 368 `; 369 }).join(''); 370 document.querySelector('#autocompleteNew #products-container .data').innerHTML = productsHtml; 371 document.querySelector('#autocompleteNew #products-container .data').setAttribute('data-query', query); 372 373 $('#autocompleteNew #products-container .pager').show(); 374 $('#autocompleteNew #products-container').show(); 375 $('#autocompleteNew #categories-container').css('grid-column', 'span 1'); 376 $('#autocompleteNew #categories-container .data').css('grid-template-columns', 'auto'); 377 } else { 378 // document.querySelector('#autocompleteNew #products-container .data').innerHTML = '<div class="no-products">Za traà ¾eni termin nije pronaÃâen nijedan proizvod</div>'; 379 $('#autocompleteNew #products-container').hide(); 380 $('#autocompleteNew #categories-container').css('grid-column', 'span 2'); 381 // $('#autocompleteNew #categories-container .data').css('grid-template-columns', '1fr 1fr 1fr'); 382 $('#autocompleteNew #categories-container .data').css('grid-template-columns', 'repeat(auto-fill, 300px)'); 383 } 384 385 // Categories: 386 if (data.Groups && data.Groups.length) { 387 const groupsHtml = data.Groups.map(item => { 388 return ` 389 <a href="/g/${item.Url.replaceAll('_', ' ')}" class="category">${item.Name.replaceAll('->', ' <span class="bi bi-chevron-right" aria-hidden="true"></span> ').replace(new RegExp(query, 'gi'), match => `<mark>${match}</mark>`)}</a> 390 `; 391 }).join(''); 392 document.querySelector('#autocompleteNew #categories-container .data').innerHTML = groupsHtml; 393 $('#autocompleteNew #categories-container').show(); 394 // $('#autocompleteNew #products-container').css({ 395 // 'border-right': '1px solid #ededed', 396 // 'grid-column': 'span 1' 397 // }); 398 } else { 399 // document.querySelector('#autocompleteNew #categories-container .data').innerHTML = '<div class="no-products">Za traà ¾eni termin nije pronaÃâena nijedna kategorija</div>'; 400 $('#autocompleteNew #categories-container .data').html('').
400closest('#categories-container').hide(); 401 // $('#autocompleteNew #products-container').css({ 402 // 'border-right': 'none', 403 // 'border-bottom': 'none', 404 // 'grid-column': 'span 2' 405 // }); 406 } 407 408 // No results in either sections: 409 if (!data.Products?.length && !data.Groups?.length) { 410 // $('#autocompleteNew #products-container .data').html('<div class="no-products">No results found for this search term</div>'); 411 $('#autocompleteNew #products-container').css('grid-column', 'span 2'); 412 $('#autocompleteNew #products-container .data').html('<div class="no-products">Za traženi termin nisu pronađeni rezultati</div>'); 413 $('#autocompleteNew #products-container .pager').hide(); 414 $('#autocompleteNew #products-container').show(); 415 } else { 416 $('#autocompleteNew #products-container').css('grid-column', 'span 1'); 417 } 418 419 // Pager: 420 if (data.NbPages && data.NbPages > 1) { 421 const pages = []; 422 for (let i = 0; i < data.NbPages; i++) { 423 pages.push(i); 424 } 425 426 if (pages.length > 7) { 427 let startIndex = page - 4; 428 let newPages = pages; 429 430 // Pager's left side (start index): 431 if (startIndex > 0) { 432 if (page > pages.length - 3) { 433 newPages = pages.slice(pages.length - 7, pages.length); 434 } else { 435 newPages = pages.slice(startIndex, startIndex + 7); 436 } 437 } else { 438 newPages = pages.slice(0, 7); 439 } 440 441 // Next pager skip button: 442 let nextPager = ''; 443 if (page < pages.length - 3) { 444 nextPager = ` 445 <span class="page" title="Sledećih 5" data-page="${page + 5 > pages.length ? pages.length : page + 5}"> 446 <span class="bi bi-chevron-double-right" aria-hidden="true"></span> 447 </span> 448 `; 449 } 450 // Prev pager skip button 451 let prevPager = ''; 452 if (page > 4) { 453 prevPager = ` 454 <span class="page" title="Prethodnih 5" data-page="${page - 5 < 1 ? 1 : page - 5}"> 455 <span class="bi bi-chevron-double-left" aria-hidden="true"></span> 456 </span> 457 `; 458 } 459 // Final pager's HTML to be rendered: 460 const advPagerHtml = ` 461 ${prevPager} 462 ${ 463 newPages.map(item => { 464 return ` 465 <span class="page ${page == item + 1 ? 'current' : ''}" data-page="${item + 1}">${item + 1}</span> 466 `; 467 }).join('') 468 } 469 ${nextPager} 470 `; 471 document.querySelector('#autocompleteNew #products-container .pager').innerHTML = advPagerHtml; 472 } else { 473 const pagerHtml = pages.map(item => { 474 return `
475 <span class="page ${page == item + 1 ? 'current' : ''}" data-page="${item + 1}">${item + 1}</span> 476 `; 477 }).join(''); 478 document.querySelector('#autocompleteNew #products-container .pager').innerHTML = pagerHtml; 479 } 480 } else { 481 document.querySelector('#autocompleteNew #products-container .pager').innerHTML = ''; 482 } 483 484 // SHOW THE AUTOCOMPLETE DROPDOWN (END) 485 $('#autocompleteNew').show(); 486 } 487 }) 488 .fail(function (err) { 489 console.log(err); 490 console.log(err.responseJSON.Message); 491 }) 492 .always(function () { 493 // console.log('always triggered'); 494 $('.new-search-loader').fadeOut(150); 495 $('.big-search-loader').fadeOut(150); 496 }); 497 } 498 } 499 500 function clearAutocomplete() { 501 $('#autocompleteNew').hide(); 502 $(textArea).val(''); 503 document.querySelector('#autocompleteNew #products-container .pager').innerHTML = ''; 504 document.querySelector('#autocompleteNew .data').innerHTML = ''; 505 if (searchRequest) { searchRequest.abort(); } 506 } 507 508 function addSearchDelay(textArea, callback, delay) { 509 var timer = null; 510 textArea.onkeyup = function (event) { 511 var textInput = this; 512 if (event.key == 'Escape' || event.keyCode == 27) { 513 clearAutocomplete(); 514 $(this).val(''); 515 $('#bt_header').removeClass('search-opened'); 516 } else if (this.value.length > 2 && !event.ctrlKey && !event.altKey) { 517 // console.log(event); 518 if (event.key == 'Enter' || event.keyCode == 13) { 519 event.preventDefault(); 520 const searchQuery = textInput.value.trim(); 521 goToSearchResults(searchQuery); 522 clearAutocomplete(); 523 $(this).val(''); 524 } else { 525 if (timer) { 526 window.clearTimeout(timer); 527 } 528 timer = window.setTimeout(function () { 529 timer = null; 530 callback(textInput.value.trim(), 1); 531 }, delay); 532 } 533 } 534 }; 535 textArea = null; 536 } 537 538 // TEMP DISABLE FORM ENTER!!! 539 // $('form').on('keydown', function(event) { 540 // if (event.key == 'Enter' || event.keyCode == 13) { 541 // event.preventDefault(); 542 // } 543 // }) 544 545 // DELAYING THE AJAX UNTIL THERE'S A PAUSE IN TYPING (800)? 546 addSearchDelay(textArea, getResults, 800); 547 548 // Klik na ikonu pretrage 549 $('i.bi-search').on('click', function() { 550 const searchQuery = textArea.value.trim().toLowerCase(); 551 if (searchQuery.length > 2) { 552 goToSearchResults(searchQuery); 553 clearAutocomplete(); 554 } 555 }); 556 557 // PASTE event: 558 $('input#txtSearch').on('paste', function() { 559 // $('#autocompleteNew').on('paste', 'input#txtSearch', function() { 560 const query = event.clipboardData.getData('text').toLowerCase(); 561 if (query.length > 2) { 562 getResults(query, 1); 563 } 564 }); 565 566 // Pager click: 567 $('#autocompleteNew').on('click', '.page', function() { 568 const query = document.querySelector('#autocompleteNew #products-container .data').dataset.query || textArea.value.trim(); 569 getResults(query, parseInt(this.dataset.page)); 570 }); 571 572 $('#autocompleteNew').on('click', '#close-btn', function() { 573 clearAutocomplete(); 574 // $('input#txtSearch').focus(); 575 $('body').removeClass('show-overlay'); 576 }); 577 578 function goToSearchResults(query) { 579 const newSearchPageUrl = `/g/f/Search=${encodeURL(query.toLowerCase())}`; 580 // const newSearchPageUrl = `/g/?query=${encodeURL(query)}`; 581 582 window.location.href = newSearchPageUrl; 583 } 584 585 586</script>
586 587 </div> 588 </div> 589 </div> 590 591 </div> 592 </div> 593 594 <div class="user-menu-wrapper dropdown itemmenu"> 595 596 597 <a href="/log-in.aspx" class="btn header-btn person"><i class="bi bi-person"></i></a> 598 599 <div id="LoginZone" class="contentcontainer"> 600 <div class="ver-item"> 601 602 </div> 603 </div> 604 605 </div> 606 607 <button type="button" class="btn header-btn itemmenu" id="basket-menu-open" 608 aria-label="Open shopping cart"> 609 <i class="bi bi-cart2"></i> 610 <span class="basket-header" data-vs-basket-count>0</span> 611 </button> 612 </div> 613 </div> 614 615 <div class="cont-horizontal"> 616 <div id="HorizontalMenuZone" class="contentcontainer"> 617 <div class="ver-item"> 618 619 <div class="module ver" IsTemplateWide="True"> 620 <span id="ctl00_ctl00_CMSWebPartManager_HorizMenu2_HorizMenu2Title_ctl00_lblTitle" class="main-title"></span> 621 <div class="lvl1-outer"> 622 <div class="lvl1-scroll left"> 623 <i class="bi bi-chevron-left"></i> 624 </div> 625 <div class="lvl1-inner"> 626 <ul class="group-menu horiz"> 627 628 629 <li> 630 <div id="ctl00_ctl00_CMSWebPartManager_HorizMenu2_HorizMenu2Title_ctl00_rptNewsList_ctl00_pnlGroupHeader0" class="level1"> 631 632 <a id="ctl00_ctl00_CMSWebPartManager_HorizMenu2_HorizMenu2Title_ctl00_rptNewsList_ctl00_lnkImage123" title="POÄETNA" class="level1-link" href="/">POÄETNA</a> 633 634 </div> 635 </li> 636 637 <li> 638 <div id="ctl00_ctl00_CMSWebPartManager_HorizMenu2_HorizMenu2Title_ctl00_rptNewsList_ctl01_pnlGroupHeader0" class="level1"> 639 640 <a id="ctl00_ctl00_CMSWebPartManager_HorizMenu2_HorizMenu2Title_ctl00_rptNewsList_ctl01_lnkImage123" title="DERETINA IZDANJA" class="level1-link" href="/g/f/ClientName=Dereta">DERETINA IZDANJA</a> 641 642 </div> 643 </li> 644 645 <li> 646 <div id="ctl00_ctl00_CMSWebPartManager_HorizMenu2_HorizMenu2Title_ctl00_rptNewsList_ctl02_pnlGroupHeader0" class="level1"> 647 648 <a id="ctl00_ctl00_CMSWebPartManager_HorizMenu2_HorizMenu2Title_ctl00_rptNewsList_ctl02_lnkImage123" title="ONLINE KNJIŽARA" class="level1-link" href="/knjizara.aspx">ONLINE KNJIŽARA</a> 649 650 </div> 651 </li> 652 653 <li> 654 <div id="ctl00_ctl00_CMSWebPartManager_HorizMenu2_HorizMenu2Title_ctl00_rptNewsList_ctl03_pnlGroupHeader0" class="level1"> 655 656 <a id="ctl00_ctl00_CMSWebPartManager_HorizMenu2_HorizMenu2Title_ctl00_rptNewsList_ctl03_lnkImage123" title="NAGRADA MIROSLAV DERETA" class="level1-link" href="/nagrada-miroslav-dereta.aspx">NAGRADA MIROSLAV DERETA</a> 657 658 </div> 659 </li> 660 661 <li> 662 <div id="ctl00_ctl00_CMSWebPartManager_HorizMenu2_HorizMenu2Title_ctl00_rptNewsList_ctl04_pnlGroupHeader0" class="level1"> 663 664 <a id="ctl00_ctl00_CMSWebPartManager_HorizMenu2_HorizMenu2Title_ctl00_rptNewsList_ctl04_lnkImage123" title="KONTAKT" class="level1-link" href="/kontakt.aspx">KONTAKT</a> 665 666 </div> 667 </li> 668 669 670 </ul> 671 </div> 672 <div class="lvl1-scroll right"> 673 <i class="bi bi-chevron-right"></i> 674 </div> 675 </div> 676 677 <!-- --> 678 679 <style> 680 .group-menu.horiz { 681 display: flex; 682 margin: 0 auto; 683 } 684 685 .group-menu.horiz a { 686 padding: 0.9rem; 687 display: block; 688 white-space: nowrap; 689 color: #000; 690 font-size: 0.9rem; 691 } 692 693 .lvl1-inner { 694 overflow: hidden; 695 } 696 697 /* .parent .dropdown { 698 background-clip: padding-box; 699 background-color: #ffffff; 700 border-bottom: 3px solid #93c667; 701 box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); 702 -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); 703 -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); 704 float: left; 705 list-style: outside none none; 706 min-width: 160px; 707 opacity: 0; 708 filter: alpha(opacity=0); 709 padding: 0; 710 position: absolute; 711 text-align: left; 712 top: 97%; 713 visibility: hidden; 714 z-index: 999999; 715 transform-origin: 0 0 0; 716 -webkit-transform-origin: 0 0 0; 717 -moz-transform-origin: 0 0 0; 718 transform: scale(1,0.7); 719 -webkit-transform: scale(1,0.7); 720 -moz-transform: scale(1,0.7); 721 transition: transform 0.5s ease 0s; 722 -webkit-transition: -webkit-transform 0.5s ease 0s; 723 -moz-transition: -moz-transform 0.5s ease 0s; 724 725 } 726 .parent:hover .dropdown { 727 opacity: 1; 728 filter: alpha(opacity=100); 729 visibility: visible; 730 transform: scale(1,1); 731 -webkit-transform: scale(1,1); 732 -moz-transform: scale(1,1); 733 } 734 .parent .dropdown ul { 735 display: flex; 736 flex-direction: column !important; 737 padding: 10px !important; 738 } 739 .parent .dropdown ul li{ 740 border-top: 1px solid #ededed; 741 width: 100%; 742 text-align: center; 743 } 744 .parent .dropdown ul li:first-child{ 745 border-top: none; 746 padding-top: 0; 747 } 748 .parent .dropdown ul li a:hover{ 749 color: var(--primary) 750 } */ 751 </style> 752 </div> 753 </div> 754 </div> 755 756 </div> 757 </header> 758 759 <nav class="main-menu side-menu left"> 760 <div class="container"> 761 <button type="button" class="btn header-btn close-menu" aria-label="Close menu"> 762 <i class="bi bi-x"></i> 763 </button> 764 <div id="MenuZone" class="contentcontainer"> 765 <div class="ver-item"> 766 767 <div class="module ver" IsTemplateWide="True"> 768 <span id="ctl00_ctl00_CMSWebPartManager_FilterLeft1_FilterLefttitle1_ctl00_lblTitle" class="main-title"></span> 769 770<ul id="group-menu" class="group-menu"></ul> 771 772<style> 773 .group-menu a { 774 cursor: pointer; 775 padding: 0.75rem; 776 padding-left: 1rem; 777 } 778 .group-menu .level2-panel a { 779 padding-left: 1.25rem; 780 } 781 .group-menu .level3-panel a { 782 padding-left: 1.5rem; 783 background-color: rgba(0, 0, 0, 0.025); 784 } 785 .level1, .level2-panel { 786 position: relative; 787 } 788 .level1.has-sub > a::after, 789 .level2-panel.has-sub > a::after { 790 font-family: bootstrap-icons; 791 content: '\f282'; 792 position: absolute; 793 top: 0.75rem; 794 right: 1rem; 795 transition: transform 0.2s ease-in-out; 796 } 797 798 .level2-panel.has-sub > a::after { 799 font-size: 0.7rem; 800 } 801 802 .level1.has-sub.open > a::after, 803 .level2-panel.has-sub.open > a::after { 804 transform: rotate(180deg); 805 } 806 807 .level2, .level3 { 808 display: none; 809 } 810 .level2-panel .level2-link { 811 font-weight: 400; 812 } 813 814 .level3 .level3-link { 815 font-size: 0.85rem; 816 font-weight: 300; 817 padding-left: 2rem; 818 } 819 820 nav.main-menu a.see-all-link { 821 font-size: 0.9rem; 822 padding-left: 1.5rem; 823 } 824 825 .level2 .level2-link { 826 font-size: 0.9rem; 827 padding-left: 1.5rem; 828 font-weight: 400; 829 position: relative; 830 } 831 832 .group-menu .error { 833 padding: 1.5rem; 834 color: var(--bs-warning); 835 } 836</style> 837 838 </div> 839 </div> 840 </div> 841 842 </div> 843 </nav> 844 845 <div class="location-menu side-menu right"> 846 <div class="top"> 847 <div class="header">
848 <span class="title">Prodavnice</span> 849 </div> 850 <button type="button" class="btn header-btn close-menu" aria-label="Close menu"> 851 <i class="bi bi-x"></i> 852 </button> 853 </div> 854 <div class="middle"> 855 <div id="LocationsZone" class="contentcontainer"> 856 <div class="ver-item"> 857 858 <div class="module ver" IsTemplateWide="True"> 859 860 861<div class="container"> 862 <div id="ctl00_ctl00_CMSWebPartManager_Locations_Locationsmenu_ctl00_pnlGadetMode"> 863 864 <div id="ctl00_ctl00_CMSWebPartManager_Locations_Locationsmenu_ctl00_pnlPresentation" class="location-gadet"> 865 866 867 868 869 </div> 870 871 </div> 872</div> 873 </div> 874 </div> 875 </div> 876 877 </div> 878 </div> 879 880 <div class="basket-menu side-menu right"> 881 <div class="top"> 882 <div class="header"> 883 <span class="title">Korpa</span> 884 <span class="products-count"><span data-vs-basket-count>0</span> proizvod(a)</span> 885 </div> 886 <button type="button" class="btn header-btn close-menu" aria-label="Close menu"> 887 <i class="bi bi-x"></i> 888 </button> 889 </div> 890 <div class="middle"> 891 <div id="BasketZone" class="contentcontainer"> 892 <div class="ver-item"> 893 894 <div class="module ver" IsTemplateWide="True"> 895 <div class="basket-gadet"> 896 <div id="custom-basket-loader" style="display: flex"> 897 <img src="/templates/B2C/skins/main/images/Ripple-1s-200px.svg" alt="" style="aspect-ratio: 1 / 1;" /> 898 </div> 899 900 <div id="basket-module-container"></div> 901</div> 902 903<style> 904 #custom-basket-loader { 905 height: calc(100vh - var(--header-height)); 906 padding-bottom: 10rem; 907 justify-content: center; 908 align-items: center; 909 910 position: absolute; 911 width: 100%; 912 background-color: rgba(255, 255, 255, 0.8); 913 } 914 #custom-basket-loader img { 915 max-width: 10rem; 916 } 917 918 .basket-free-shipping { 919 padding: 0.75rem; 920 font-size: 0.9rem; 921 } 922 .basket-free-shipping > progress { 923 display: block; 924 width: 100%; 925 margin-top: 0.5rem; 926 } 927 928 #basket-module-container .basket-items { 929 display: grid; 930 grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); 931 padding: 0.75rem; 932 gap: 0.5rem; 933 } 934 #basket-module-container .basket-item { 935 border: 1px solid #d9d9d9; 936 border-radius: 3px; 937 background-color: #fff; 938 overflow: hidden; 939 } 940 .basket-item .name { 941 margin: 0.5rem; 942 overflow: hidden; 943 height: 51px; 944 line-height: 17px; 945 } 946 .basket-item .item-price-total { 947 margin: 0.5rem; 948 display: block; 949 text-align: end; 950 font-size: 0.9rem; 951 } 952 .basket-item .btn.delete-from-basket { 953 border-top: 1px solid #d9d9d9; 954 width: 100%; 955 padding: 0.5rem; 956 overflow: hidden; 957 font-size: 0.9rem; 958 margin-top: 0.25rem; 959 } 960 .basket-total { 961 padding: 0.75rem; 962 width: 100%; 963 display: flex; 964 flex-wrap: wrap; 965 font-weight: 500; 966 gap: 1rem; 967 justify-content: space-between; 968 } 969 .basket-separator { 970 margin: 0.75rem; 971 width: calc(100% - 1.5rem); 972 height: 1px; 973 background-color: #d9d9d9; 974 } 975 .basket-gadet .buttons { 976 justify-content: space-between; 977 padding: 0.75rem; 978 gap: 0.5rem; 979 flex-wrap: wrap; 980 } 981 .basket-gadet .buttons .close-menu, 982 .basket-gadet .buttons .proceed { 983 /* margin-left: 0; */ 984 margin: auto; 985 } 986 .basket-gadet .text-danger { 987 padding: 1rem; 988 border: 1px solid; 989 margin: 1rem; 990 text-align: center; 991 } 992</style> 993 994 </div> 995 </div> 996 </div> 997 998 </div> 999 </div> 1000 1001 <div class="user-menu side-menu right"> 1002 <button type="button" class="btn header-btn close-menu" aria-label="Close menu"> 1003 <i class="bi bi-x"></i> 1004 </button> 1005 <div> 1006 <p>
1006user module goes here</p> 1007 </div> 1008 </div> 1009 1010 <section class="wide-top"> 1011 <div id="WideTopZone" class="contentcontainer"> 1012 <div class="ver-item"> 1013 1014 <div class="module ver" IsTemplateWide="False"> 1015 <div class="container px-50" style="min-height: calc(100vh - (var(--header-height) * 2) - 525px);"> 1016 <div id="basketContainer" class="kendo-basket mb-2" new-basket></div> 1017 <div id="emptyBasketMsg" style="display: none;">U korpi trenutno ne postoji nijedan proizvod.</div> 1018</div> 1019
1020<script type="text/html" id="basketTemplate"> 1021 <div class="order-wrapper"> 1022 <p class="basket-header">Detalji porudžbenice</p> 1023 1024 <div class="order-inner"> 1025 <div id="gridD" class="order-products"> 1026 #= kendo.render(kendo.template($("\\#basketItems").html()), BasketItems) # 1027 </div> 1028 <div class="pre-pre-total"> 1029 <div class="pre-total"> 1030 <div class="total-label" language-data-translate-key="basket-tax-out">Međuzbir:</div> 1031 <div id="basket-total" class="no-wrap" data-baskettotal="#:BasketTotal#">#: kendo.toString(BasketTotalNoVat, "n2") # #: CurrencyIso #</div> 1032 </div> 1033 </div> 1034 <div class="basket-order-loader" style="display: none;"> 1035 <img src="/templates/B2C/skins/main/images/Ripple-1s-200px.svg" alt="loader" /> 1036 </div> 1037 </div> 1038 </div> 1039 1040 <div id="user_data" class="user-wrapper"> 1041 1042 <p class="basket-header">Vaši podaci</p> 1043 1044 <div class="radio-container"> 1045 <div class="radio" id="radioFiz"> 1046 <label> 1047 <input id="fizickoLice" type="radio" name="pravfiz" #:BasketViewModel.fizChecked ? 'checked' : ''#> 1048 <span>FIZIČKA LICA</span> 1049 </label> 1050 </div> 1051 <div class="radio" id="radioPrav"> 1052 <label> 1053 <input id="pravnoLice" type="radio" name="pravfiz" #:BasketViewModel.pravChecked ? 'checked' : ''#> 1054 <span>PRAVNA LICA</span> 1055 </label> 1056 </div> 1057 </div> 1058 1059 #= kendo.render(kendo.template($("\\#AddressTemplate").html()), ShippingAddress) # 1060 1061 <div class="note-field"> 1062 <label for="txtNote" class="label_wrap" language-data-translate-key="premium-basket-fullname">Napomena</label> 1063 <textarea id="txtNote" data-field="Note" value="test" rows="3" cols="20" class="simple-field" placeholder="Napomena" type="text" style="height: 100px; width:100%; margin-bottom: 2rem;" spellcheck="false" onblur="UpdateShippingAddress(this)">#: Note != null ? Note : '' #</textarea> 1064 </div> 1065 1066 </div> 1067 <div class="shipping-payment-wrapper"> 1068 <div class="shipping-payment-inner"> 1069 <div class="promocode-container"> 1070 <div class="promocode-flex"> 1071 <input type="text" class="promocode-txt simple-field" id="txtPromoCode" value="#: PromoCode != null ? PromoCode : '' #" placeholder="Promo kod"> 1072 <span type="submit" class="promocode-btn" style="cursor: pointer;" onclick="AddPromoCode();">DODAJ KUPON</span> 1073 </div> 1074 <translatepanel language-data-translate-key="premium-basket-price-vat" class="promocode-note">NAPOMENA: Promo kodovi se ne odnose na artikle koji su već sniženi, popusti se ne sabiraju.</translatepanel> 1075 </div> 1076 <div class="shipping-container"> 1077 <p class="shipping title basket-header">Način slanja</p> 1078 #= kendo.render(kendo.template($("\\#ShippingTermsTemplate").html()), ShippingTerms) # 1079 </div> 1080 <div> 1081 <p class="payment title basket-header">Način plaćanja</p> 1082 #= kendo.render(kendo.template($("\\#PaymentTermsTemplate").html()), PaymentTerms) # 1083 </div> 1084 <div class="free-shipping-reminder" data-freeshipping="#:FreeShipping#" style="display: none;"></div> 1085 <div class="final-summary"> 1086 <div class="shipping-cost"> 1087 <div class="total-label" language-data-translate-key="basket-tax-out">Poštarina:</div> 1088 <div class="shipping-price no-wrap" data-shipping="#:ShippingPrice#"> 1089 1090 # if (ShippingPrice == 0) { # 1091 <span>Besplatna</span> 1092 # } else { #
1093 <span>#: kendo.toString(ShippingPrice, "n2") # #: CurrencyIso #</span> 1094 1095 # } # 1096 </div> 1097 </div> 1098 <div class="total-cost"> 1099 <div class="total-label" language-data-translate-key="basket-tax-out">Ukupno sa PDV-om:</div> 1100 <div class="no-wrap total-sum" data-total='#: BasketTotalNoVat + ShippingPrice #'>#: kendo.toString((BasketTotalNoVat + ShippingPrice), "n2") # #: CurrencyIso #</div> 1101 </div> 1102 </div> 1103 <div id="ctl00_ctl00_CMSWebPartManager_Purchase_PurchaseTitle_ctl00_pnlButtonsConfirm" class="buttons-1"> 1104 <h3> 1105 <translatepanel language-data-translate-key="premium-basket-vat-price">Sve cene su iskazane sa uračunatim PDV-om - nema dodatnih troškova.</translatepanel> 1106 <br> 1107 <div id="terms_cont"> 1108 <input type="checkbox" id="terms_agree" name="terms" value="terms"> 1109 <translatepanel language-data-translate-key="premium-basket-button">Prihvatam </translatepanel> <u><a target="_blank" href="#: MasterJson.BasketTerms #">uslove kupovine</a></u> 1110 </div> 1111 1112 <div id="ButtonCheck" onclick="ValidateOrder(this)" data-vs-empty-session-storage> 1113 <translatepanel language-data-translate-key="premium-basket-order" qa-btn-buy="" >NARUČI</translatepanel> 1114 </div> 1115 </h3> 1116 </div> 1117 </div> 1118 </div> 1119</script>
1119 1120 1121<!-- Template za prikazivanje nacina placanja -->
1122<script type="text/html" id="PaymentTermsTemplate"> 1123 <div class="payment-wrapper"> 1124 <input type="radio" name="rbPaymentMethod" value="#: Uid #" id="#:Uid#" #: Selected == true ? 'checked="true"' : '' # onclick="ChangePaymentMethod(this)"> 1125 <label for="#: Uid #"> 1126 <div class="terms name"><strong>#: Name #</strong></div> 1127 </label> 1128 <div class="terms description">#= Description == null ? '' : Description #</div> 1129 </div> 1130</script>
1130 1131 1132<!-- Template za prikazivanje nacina slanja -->
1133<script type="text/html" id="ShippingTermsTemplate"> 1134 <div class="shipping-wrapper"> 1135 <input type="radio" name="rbShippingMethod" value="#: Uid #" id="#:Uid#" #: Selected == true ? 'checked="true"' : '' # onclick="ChangeShippingMethod(this)"> 1136 <label for="#: Uid #"> 1137 <div class="terms name"><strong>#: Name #</strong></div> 1138 </label> 1139 <div class="terms description">#= Description == null ? '' : Description #</div> 1140 </div> 1141</script>
1141 1142 1143<!-- Template za tabelu sa proizvodima koji su dodati u korpu -->
1144<script type="text/html" id="basketItems"> 1145 <div class="single-product" data-uid="#:SalesItemUid#"> 1146 <div class="product-name-with-img"> 1147 <img 1148 style="width: 75px; height: 100px;" 1149 alt="#:Name#" 1150 loading="lazy" 1151 onerror="this.onerror=null;this.src='/Assets/no_image.png';" 1152 # if (ImageUrl != null) { # 1153 src='#: ImageUrl #' 1154 # } else { # 1155 src='/Assets/no_image.png' 1156 # } # 1157 /> 1158 <p>#: Name #</p> 1159 </div> 1160 <div class="product-qty-price-del"> 1161 <div style="font-weight: 600; white-space: nowrap;">#: SalesType == 1 ? kendo.toString(ItemPriceTotal * (1 + Vat /100), "n2") : kendo.toString(ItemPriceTotal, "n2") #</div> 1162 # if (SalesType == 1) { # 1163 <input 1164 type="number" 1165 name="quantity" 1166 min="#: typeof MinimalOrder !== 'undefined' ? MinimalOrder : '' #" 1167 step="#:TransportPackage * CommercialPackage#" 1168 class="simple-field #:SalesType#" 1169 style="width: 54px;height: 39px;" 1170 data-sales-item-uid="#:SalesItemUid#" 1171 value=#:Qty# 1172 onchange="BasketViewModel.changeQty(this, '#:SalesItemUid#', this.value, '#:Qty#')" 1173 /> 1174 <div class="remove-from-basket" style="text-align: right;"> 1175 <a class="btn ga-removefrombasket" data-remove-from-basket data-sales-item-uid="#: SalesItemUid #" data-vs-empty-session-storage onclick="analyticsRemoveFromBasket('#:SalesItemUid#', '#:Name#', '#:Qty#', '#:ItemPriceTotal#')"> 1176 <i class="bi bi-trash" aria-hidden="true"></i> 1177 </a> 1178 </div> 1179 # } else if (SalesType == 3) { # 1180 <div class="remove-from-basket" style="text-align: right;"> 1181 <a class="btn ga-removefrombasket" onClick="RemovePromoCode()" data-vs-empty-session-storage data-remove-from-basket data-sales-item-uid="#: SalesItemUid #"> 1182 <i class="bi bi-trash" aria-hidden="true"></i> 1183 </a> 1184 </div> 1185 # } # 1186 </div> 1187 </div> 1188</script>
1188 1189
1190<script type="text/html" id="CountryTemplate"> 1191 <option #: Selected ? 'selected' : '' # value=#:Uid#>#:Name#</option> 1192</script>
1192 1193 1194<!-- Template za unos adrese -->
1195<script id="AddressTemplate"> 1196 <div class="address-wrapper"> 1197 <div class="name-field fizicko-lice"> 1198 <label for="txtName" class="label_wrap" language-data-translate-key="premium-basket-fullname">Ime i prezime * </label> 1199 <input type="text" class="simple-field" data-field="Name" data-require="true" value="#: Name != null ? Name : '' #" id="txtName" onblur="UpdateShippingAddress(this)" /> 1200 </div> 1201 <div class="name-field pravno-lice" style="display:none;"> 1202 <label for="txtCompanyName" class="label_wrap" language-data-translate-key="">Naziv firme * </label> 1203 <input type="text" class="simple-field" data-field="CompanyName" data-require="true" value="#: CompanyName != null ? CompanyName : '' #" id="txtCompanyName" onblur="UpdateShippingAddress(this)" /> 1204 </div> 1205 <div class="name-field pravno-lice" style="display:none;"> 1206 <label for="txtPIB" class="label_wrap" language-data-translate-key="">PIB * </label> 1207 <input type="text" class="simple-field" data-field="CompanyID" data-require="true" value="#: CompanyID != null ? CompanyID : '' #" id="txtPIB" onblur="UpdateShippingAddress(this)" /> 1208 </div> 1209 1210 <div class="address-field"> 1211 <div class="left-field"> 1212 <label for="txtStreet" class="label_wrap" language-data-translate-key="premium-basket-fullname">Ulica * </label> 1213 <input type="text" class="simple-field" data-field="Street" data-require="true" value="#: Street != null ? Street : '' #" id="txtStreet" onblur="UpdateShippingAddress(this)" /> 1214 </div> 1215 <div class="right-field"> 1216 <label for="txtStreetNumber" class="label_wrap" language-data-translate-key="premium-basket-adressnumber">Broj * </label> 1217 <input type="text" class="simple-field" data-field="StreetNumber" value="#: Number != null ? Number : '' #" data-require="true" id="txtStreetNumber" onblur="UpdateShippingAddress(this)" /> 1218 </div> 1219 </div> 1220 1221 <div class="commune-field"> 1222 <label for="txtCommune" class="label_wrap" language-data-translate-key="premium-basket-fullname">Opština</label> 1223 <input type="text" class="simple-field" data-field="Commune" value="#: Commune != null ? Commune : '' #" id="txtCommune" onblur
1223="UpdateShippingAddress(this)" /> 1224 </div> 1225 1226 <div class="city-field"> 1227 <div class="left-field"> 1228 <label for="txtCity" class="label_wrap" language-data-translate-key="premium-basket-fullname">Grad * </label> 1229 <input type="text" class="simple-field" data-field="City" data-require="true" value="#: City != null ? City : '' #" id="txtCity" onblur="UpdateShippingAddress(this)" /> 1230 </div> 1231 <div class="right-field"> 1232 <label for="txtPostCode" class="label_wrap" language-data-translate-key="premium-basket-fullname">Poštanski broj * </label> 1233 <input type="text" class="simple-field" data-field="PostCode" data-require="true" value="#: PostCode != null ? PostCode : '' #" id="txtPostCode" onblur="UpdateShippingAddress(this)" /> 1234 </div> 1235 </div> 1236 1237 <div class="country-field select"> 1238 <label for="txtCountryName" class="label_wrap" language-data-translate-key="premium-basket-fullname">Država * </label> 1239 <select id="selectCountry" class="simple-field" data-field="CountryUid" data-require="true" onchange="UpdateShippingAddress(this)"> 1240 #= kendo.render(kendo.template($("\\#CountryTemplate").html()), Countrys) # 1241 </select> 1242 </div> 1243 1244 <div class="phone-field"> 1245 <label for="txtPhone" class="label_wrap" language-data-translate-key="premium-basket-fullname">Telefon * </label> 1246 <input type="text" class="simple-field" data-field="Phone" data-require="true" value="#: Phone != null ? Phone : '' #" id="txtPhone" onblur="UpdateShippingAddress(this)" /> 1247 </div> 1248 1249 <div class="email-field"> 1250 <label for="txtEmail" class="label_wrap" language-data-translate-key="premium-basket-fullname">Email * </label> 1251 <input type="text" class="simple-field" data-field="Email" data-require="true" value="#: Email != null ? Email : '' #" id="txtEmail" onblur="UpdateShippingAddress(this)" /> 1252 </div> 1253 </div> 1254</script>
1254 1255 1256<div id="order_review" class="modal fade" tabindex="-1" role="dialog" style="display: none;"> 1257 <div class="modal-dialog" role="document"> 1258 <div class="modal-content"> 1259 <div class="modal-header"> 1260 <h5 class="modal-title">Modal title</h5> 1261 <button type="button" class="close" data-dismiss="modal" aria-label="Close"> 1262 <span aria-hidden="true">×</span> 1263 </button> 1264 </div> 1265 <div class="modal-body"> 1266 <p>Modal body text goes here.</p> 1267 </div> 1268 <div class="modal-footer"> 1269 <div id="ButtonCheck"> 1270 <translatepanel language-data-translate-key="premium-basket-order" qa-btn-buy="">NARUČI 1271 </translatepanel> 1272 </div> 1273 </div> 1274 </div> 1275 </div> 1276</div> 1277 1278<div id="show-map" class="modal fade" tabindex="-1" role="dialog" style="display: none;"> 1279 <div class="modal-dialog" role="document"> 1280 <div class="modal-content"> 1281 <div class="modal-header"> 1282 <h5 class="modal-title">Pokaži na mapi</h5> 1283 <button type="button" class="close" data-dismiss="modal" aria-label="Close"> 1284 <span aria-hidden="true">×</span> 1285 </button> 1286 </div> 1287 <div class="modal-body"></div> 1288 <div class="modal-footer"> 1289 <button type="button" class="btn btn-default" data-dismiss="modal">Zatvori</button> 1290 </div> 1291 </div> 1292 </div> 1293</div> 1294 1295<style> 1296 .require-data { 1297 border-color: red !important; 1298 } 1299 1300 .k-loading-mask { 1301 display: none !important; 1302 } 1303 1304 1305 /* Hide Arrows From Input Number */ 1306 1307 /* Chrome, Safari, Edge, Opera */ 1308 input::-webkit-outer-spin-button, 1309 input::-webkit-inner-spin-button { 1310 -webkit-appearance: none; 1311 margin: 0; 1312 } 1313 /* Firefox */ 1314 input[type=number] { 1315 -moz-appearance: textfield; 1316 } 1317 1318 /* Hide Arrows for SELECT */ 1319 .country-field select { 1320 -webkit-appearance: none; 1321 -moz-appearance: none; 1322 appearance: none; 1323 } 1324 1325 label { 1326 font-size: 0.9rem; 1327 margin-bottom: 0.5rem; 1328 } 1329 1330 /* zz-onepagecheckout.css */ 1331 1332 /* main grid */ 1333 .kendo-basket { 1334 display: grid; 1335 column-gap: 1.5rem; 1336 grid-template-columns: minmax(0, 50%) minmax(0, 50%); 1337 grid-template-areas: 1338 'form order' 1339 'form summary'; 1340 } 1341 1342 .kendo-basket .order-wrapper { 1343 grid-area: order; 1344 } 1345 1346 .kendo-basket .user-wrapper { 1347 grid-area: form; 1348 } 1349 1350 .kendo-basket .user-wrapper .address-field, 1351 .kendo-basket .user-wrapper .city-field { 1352 display: grid; 1353 grid-template-columns: minmax(0, auto) minmax(0, 104px); 1354 column-gap: 15px; 1355 } 1356 1357 .kendo-basket .shipping-payment-wrapper { 1358 grid-area: summary; 1359 } 1360 1361 .kendo-basket table td { 1362 vertical-align: middle !important; 1363 } 1364 1365 .kendo-basket table tfoot td { 1366 border: none; 1367 padding: 0; 1368 } 1369 1370 .kendo-basket .shipping-wrapper, 1371 .kendo-basket .payment-wrapper { 1372 display: grid; 1373 grid-template-columns: 20px auto; 1374 margin-bottom: 0.75rem; 1375 align-items: center; 1376 } 1377 1378 .kendo-basket .shipping-wrapper label, 1379 .kendo-basket .payment-wrapper label { 1380 cursor: pointer; 1381 margin-bottom: 0; 1382 padding-top: 0; 1383 padding-left: 10px; 1384 font-size: 15px; 1385 line-height: 24px; 1386 color: var(--bs-dark); 1387 } 1388 .shipping-wrapper .terms.description p a{ 1389 color: var(--primary); 1390 font-weight: 500; 1391 } 1392 .shipping-wrapper .terms.description p a:hover{ 1393 text-decoration: underline; 1394 } 1395 1396 .kendo-basket iframe { 1397 width: 100% !important; 1398 } 1399 1400 .kendo-basket p.title { 1401 margin: 0.75rem 0; 1402 font-weight: 700; 1403 font-size: 18px; 1404 color: var(--bs-dark); 1405 } 1406 1407 .kendo-basket .user-wrapper .basket-header, 1408 .kendo-basket .order-wrapper .basket-header { 1409 margin-bottom: 1.5rem; 1410 font-weight: 700; 1411 font-size: 22px; 1412 color: var(--bs-dark); 1413 } 1414 1415 .kendo-basket .order-inner { 1416 padding: 1.5rem 1.5rem 0 1.5rem; 1417 background-color: #f6f6f6; 1418 position: relative; 1419 } 1420 .kendo-basket .order-inner .basket-order-loader { 1421 position: absolute; 1422 width: 100%; 1423 height: 100%; 1424 top: 0; 1425 left: 0; 1426 background-color: rgba(255, 255, 255, 0.75); 1427 display: flex; 1428 align-items: center; 1429 justify-content: center; 1430 } 1431 .kendo-basket .order-inner .basket-order-loader img { 1432 max-height: 90px; 1433 max-width: 90px; 1434 } 1435 1436 .kendo-basket .order-inner .order-products .single-product { 1437 display: flex; 1438 align-items: center; 1439 justify-content: space-between; 1440 gap: 0.75rem; 1441 } 1442 1443 .kendo-basket .order-inner .order-products .single-product:not(:last-child) { 1444 padding-bottom: 0.75rem; 1445 margin-bottom: 0.75rem; 1446 border-bottom: 1px solid #dcdcdc; 1447 } 1448 1449 .kendo-basket .order-inner .order-products .product-name-with-img { 1450 display: flex; 1451 align-items: center; 1452 gap: 0.75rem; 1453 } 1454 1455 /*.kendo-basket .order-inner .order-products .product-name-with-img img { 1456 display: none; 1457 }*/ 1458 1459 .kendo-basket .order-inner .order-products .product-name-with-img p { 1460 margin: 0; 1461 font-size: 15px; 1462 line-height: 22px; 1463 } 1464 1465 .kendo-basket .order-inner .order-products .product-qty-price-del { 1466 display: flex; 1467 align-items: center; 1468 gap: 0.75rem; 1469 position: relative; 1470 } 1471 1472 .kendo-basket .product-qty-price-del .simple-field { 1473 margin-bottom: 0 !important; 1474 padding: 0 8px; 1475 text-align: center; 1476 } 1477 1478 .kendo-basket .shipping-payment-inner { 1479 padding: 2rem 1.5rem 1.5rem 1.5rem; 1480 background-color: #f6f6f6; 1481 } 1482 1483 .kendo-basket .free-shipping-reminder { 1484 padding-top: 1.5rem; 1485 margin-top: 2rem; 1486 border-top: 1px solid #dcdcdc; 1487 } 1488 1489 .kendo-basket .free-shipping-reminder a { 1490 font-weight: 600; 1491 text-decoration: underline; 1492 white-space: nowrap; 1493 } 1494 1495 .kendo-basket .free-shipping-reminder a:hover { 1496 color: var(--primary); 1497 } 1498 1499 .kendo-basket .final-summary, 1500 .kendo-basket .pre-total { 1501 margin: 1rem 0; 1502 padding: 1.5rem 0; 1503 border-top: 1px solid #dcdcdc; 1504 border-bottom: 1px solid #dcdcdc; 1505 } 1506 1507 .kendo-basket .final-summary { 1508 margin-top: 1.5rem; 1509 } 1510 1511 .kendo-basket .pre-total, 1512 .kendo-basket .final-summary .shipping-cost, 1513 .kendo-basket .final-summary .total-cost { 1514 display: flex; 1515 flex-wrap: wrap; 1516 align-items: center; 1517 justify-content: space-between; 1518 gap: 8px; 1519 } 1520 1521 .kendo-basket .pre-total { 1522 margin-bottom: 0; 1523 font-weight: 600; 1524 font-size: 16px; 1525 } 1526 1527 .kendo-basket .final-summary .shipping-cost { 1528 margin-bottom: 1.5rem; 1529 font-weight: 600; 1530 font-size: 16px; 1531 1532 padding-bottom: 1.5rem; 1533 border-bottom: 1px solid #dcdcdc; 1534 } 1535 1536 .kendo-basket .final-summary .total-cost { 1537 font-weight: 700; 1538 font-size: 20px; 1539 } 1540 1541 /* .kendo-basket .final-summary .total-cost .total-sum { 1542 color: var(--dark-primary); 1543 } */ 1544 1545 .kendo-basket .remove-from-basket a { 1546 border-radius: 3px; 1547 padding: 0.6rem 1rem; 1548 cursor: pointer; 1549 background-color: transparent; 1550 transition: background-color 0.25s, color 0.25s; 1551 } 1552 1553 .kendo-basket .remove-from-basket a:hover { 1554 background-color: var(--primary); 1555 color: #fff; 1556 } 1557 1558 .cart-qty>input { 1559 text-indent: 4px; 1560 } 1561 1562 .accent-wrapper { 1563 border: solid 1px var(--primary); 1564 padding: 10px; 1565 margin-bottom: 2rem; 1566 } 1567 1568 .accent-wrapper .shipping-info { 1569 margin-bottom: 0.75rem; 1570 1571 display: flex; 1572 column-gap: 0.75rem; 1573 align-items: center; 1574 } 1575 1576 .header_purchase { 1577 border-bottom: 1px solid var(--primary); 1578 height: 40px; 1579 line-height: 2.4; 1580 text-decoration: none; 1581 display: block; 1582 position: relative; 1583 z-index: 2; 1584 font-size: 17px; 1585 text-transform: uppercase; 1586 margin: 0; 1587 font-weight: 400; 1588 width: 100%; 1589 padding-left: 1em; 1590 margin-bottom: 1em; 1591 } 1592 1593 .orderHeader td { 1594 border-top: none !important; 1595 } 1596 1597 #user_data input, 1598 #user_data select { 1599 display: block; 1600 margin: 0.2em 0 1em; 1601 width: 100%; 1602 height: 42px; 1603 1604 border-width: 1px; 1605 border-style: solid; 1606 } 1607 1608 .unreg_user h3 { 1609 background: #f3f3f3; 1610 padding: 2em; 1611 line-height: 2em; 1612 margin-top: 4em; 1613 text-align: center; 1614 } 1615 1616 .unreg_user .register-shopper { 1617 display: block; 1618 border: 1px solid var(--primary); 1619 padding: 0.5em; 1620 color: var(--primary); 1621 margin-top: 1em; 1622 text-align: center; 1623 } 1624 1625 .buttons-1 { 1626 width: 100%; 1627 padding: 16px; 1628 /* margin-bottom: 24px; */ 1629 /* background: #f3f3f3; */ 1630 border: solid 1px var(--primary); 1631 1632 transition: border-color 0.25s; 1633 } 1634 1635 .buttons-1.checked { 1636 border-color: var(--bs-teal); 1637 } 1638 1639 .buttons-1 h3 { 1640 text-align: center; 1641 line-height: 28px; 1642 font-size: 15px; 1643 1644 font-weight: 400; 1645 text-transform: none; 1646 } 1647 1648 .buttons-1 #ButtonCheck { 1649 display: block; 1650 cursor: pointer; 1651 text-transform: uppercase; 1652 font-weight: 700; 1653 width: 100%; 1654 max-width: 240px; 1655 margin-left: auto; 1656 margin-right: auto; 1657 padding: 12px 16px; 1658 text-align: center; 1659 border: none; 1660 background: var(--primary-str); 1661 color: #fff; 1662 margin-top: 16px; 1663 font-size: 18px; 1664 1665 transition: background-color 0.25s; 1666 } 1667 1668 .buttons-1.checked #ButtonCheck { 1669 background-color: var(--bs-teal); 1670 } 1671 1672 .buttons-1 #ButtonCheck.loading { 1673 background-color: #ccc; 1674 pointer-events: none; 1675 } 1676 1677 .buttons-1 #ButtonCheck.loading::after { 1678 content: '\f130'; 1679 font-family: bootstrap-icons; 1680 font-weight: 400; 1681 animation-name: rotate; 1682 animation-duration: 4s; 1683 animation-iteration-count: 50; 1684 animation-timing-function: linear; 1685 position: absolute; 1686 margin-left: 0.5rem; 1687 } 1688 1689 @keyframes rotate { 1690 from { 1691 transform: rotate(-360deg); 1692 } 1693 1694 to { 1695 transform: rotate(360deg); 1696 } 1697 } 1698 1699 #ButtonNotCheck { 1700 display: block; 1701 cursor: pointer; 1702 text-transform: uppercase; 1703 font-weight: 700; 1704 width: 100%; 1705 max-width: 240px; 1706 margin-left: auto; 1707 margin-right: auto; 1708 padding: 12px 16px; 1709 text-align: center; 1710 border: none; 1711 background: #757475; 1712 color: #fff; 1713 margin-top: 16px; 1714 } 1715 1716 .promocode-container { 1717 white-space: nowrap; 1718 font-size: 0; 1719 width: 100%; 1720 1721 margin-bottom: 2rem; 1722 } 1723 1724 .promocode-flex { 1725 display: flex; 1726 1727 } 1728 1729 input[type='text'].promocode-txt { 1730 width: calc(100% - 128px); 1731 font-size: 14px; 1732 padding: 8px; 1733 text-align: left; 1734 position: relative; 1735 text-indent: 6px; 1736 border-radius: 3px 0 0 3px; 1737 height: 42px; 1738 } 1739 1740 input[type='text'].promocode-txt:focus { 1741 border-color: var(--primary); 1742 } 1743 1744 .promocode-btn { 1745 display: flex; 1746 align-items: center; 1747 justify-content: center; 1748 1749 width: 128px; 1750 font-size: 14px;
1751 line-height: 26px; 1752 padding: 8px; 1753 text-align: right; 1754 background: var(--primary); 1755 color: var(--bs-dark); 1756 text-transform: uppercase; 1757 text-align: center; 1758 border: none; 1759 1760 position: relative; 1761 /* top: -1px; */ 1762 border-radius: 0 3px 3px 0; 1763 height: 42px; 1764 font-weight: 500; 1765 1766 white-space: normal; 1767 line-height: 1.1; 1768 } 1769 1770 .promocode-note { 1771 font-size: 14px; 1772 line-height: 20px; 1773 margin-top: 4px; 1774 display: block; 1775 white-space: normal; 1776 } 1777 1778 .uspesna-kupovina>.x_title>h2 { 1779 display: inline-block; 1780 } 1781 1782 .uspesna-kupovina>.x_title>.fa-check { 1783 position: relative; 1784 top: 3px; 1785 } 1786 1787 .kendo-basket .shipping-wrapper label .description p { 1788 margin-bottom: 0; 1789 } 1790 1791 .kendo-basket .shipping-wrapper iframe { 1792 display: none; 1793 } 1794 1795 .kendo-basket .terms.description { 1796 grid-column-start: 2; 1797 font-size: 15px; 1798 line-height: 22px; 1799 padding-left: 10px; 1800 } 1801 1802 .kendo-basket .terms.description p { 1803 display: inline-block; 1804 margin-bottom: 0; 1805 } 1806 1807 .kendo-basket .shipping-container { 1808 margin-bottom: 1.5rem; 1809 } 1810 1811 .kendo-basket .shipping-container .map-show { 1812 cursor: pointer; 1813 } 1814 1815 .kendo-basket .shipping-container .map-show img { 1816 max-height: 36px; 1817 max-width: 36px; 1818 } 1819 1820 .kendo-basket .shipping-container .map-show:hover { 1821 color: var(--primary); 1822 } 1823 1824 #show-map iframe { 1825 width: 100%; 1826 } 1827 1828 #terms_cont u a:hover { 1829 color: var(--primary); 1830 } 1831 1832 #terms_cont input[type='checkbox'] { 1833 height: 18px; 1834 width: 18px; 1835 position: relative; 1836 top: 3px; 1837 } 1838 1839 #emptyBasketMsg { 1840 text-align: center; 1841 margin-bottom: 4rem; 1842 padding: 1.5rem; 1843 border: 1px solid #dcdcdc; 1844 font-size: 15px; 1845 font-weight: 600; 1846 } 1847 1848 header.fixed-header .fixed-header-visible, 1849 #BasketZone { 1850 display: none !important; 1851 } 1852 1853 1854 @media (max-width: 991px) { 1855 .kendo-basket { 1856 display: block; 1857 } 1858 1859 .unreg_user h3 { 1860 margin-top: 0; 1861 } 1862 1863 .kendo-basket .order-wrapper { 1864 margin-bottom: 2rem; 1865 } 1866 1867 .kendo-basket .order-inner { 1868 padding: 1.5rem; 1869 } 1870 1871 .kendo-basket .user-wrapper { 1872 padding: 0 1rem; 1873 } 1874 1875 .kendo-basket .user-wrapper .basket-header, 1876 .kendo-basket .order-wrapper .basket-header { 1877 margin: 0.75rem 0 1.5rem; 1878 } 1879 } 1880 1881 @media (max-width: 767px) { 1882 1883 .kendo-basket .user-wrapper .address-field, 1884 .kendo-basket .user-wrapper .city-field { 1885 column-gap: 10px; 1886 } 1887 } 1888 1889 @media (max-width: 520px) { 1890 .kendo-basket .order-inner .order-products .single-product { 1891 flex-direction: column; 1892 } 1893 1894 .kendo-basket .order-inner .order-products .single-product .product-name-with-img { 1895 width: 100%; 1896 } 1897 1898 .kendo-basket .order-inner .order-products .single-product .product-qty-price-del { 1899 width: 100%; 1900 justify-content: space-between; 1901 } 1902 1903 .kendo-basket .order-inner, 1904 .kendo-basket .shipping-payment-inner { 1905 padding: 1rem; 1906 } 1907 } 1908 1909 @media (max-width: 380px) { 1910 1911 .promocode-flex { 1912 flex-direction: column; 1913 } 1914 input[type='text'].promocode-txt, 1915 .promocode-btn { 1916 margin-bottom: 1rem; 1917 border-radius: 3px; 1918 width: 100%; 1919 } 1920 } 1921 1922 @media (max-width: 320px) { 1923 .kendo-basket .order-inner .order-products .single-product .product-name-with-img { 1924 flex-direction: column; 1925 } 1926 1927 .kendo-basket .order-inner .order-products .single-product .product-name-with-img img { 1928 margin-right: auto; 1929 } 1930 1931 .kendo-basket .user-wrapper .address-field, 1932 .kendo-basket .user-wrapper .city-field { 1933 display: block; 1934 } 1935 } 1936 1937 /* PURCHASE-ASCX */
1938 .purchase-ascx.note-area, 1939 .purchase-ascx.step6>h1 { 1940 display: none; 1941 } 1942 1943 .purchase-details .itemStyle .cart-price, 1944 .purchase-details .itemStyle .cart-total, 1945 .purchase-details .orderFooter td:nth-child(3) { 1946 white-space: nowrap; 1947 } 1948 1949 .purchase-details .purchase-number { 1950 font-weight: 600; 1951 font-size: 18px; 1952 margin-top: 0.75rem; 1953 margin-bottom: 1.5rem; 1954 } 1955 1956 .purchase-ascx .header_rec { 1957 font-weight: 600; 1958 font-size: 16px; 1959 margin-bottom: 0.75rem; 1960 } 1961 1962 @media print { 1963 1964 #bt_header, 1965 #bt_footer, 1966 #successfull_buy, 1967 .breadcrumb, 1968 .intesa-info, 1969 #ctl00_ctl00_CMSWebPartManager_Purchase_PurchaseTitle_ctl00_pnlPayPanel { 1970 display: none !important; 1971 } 1972 1973 .opc { 1974 margin: 0 !important; 1975 } 1976 } 1977</style> 1978 1979 1980
1981<script src="https://cdn-test.b2bee.rs/new1/library/kendo/kendo.all.min.js" ></script>
1981 1982 1983<div id="recaptcha-basket"></div> 1984
1985<script> 1986 var recaptchaBasketWidgetId; 1987 function onRecaptchaReady() { 1988 recaptchaBasketWidgetId = grecaptcha.render('recaptcha-basket', { 1989 sitekey: '6Ldyt7sUAAAAAD8cTLd3XavX1oeq-6eR74BM_yxQ', 1990 size: 'invisible', 1991 callback: function (token) { onSubmit(token); } 1992 }); 1993 } 1994</script>
1994 1995
1996<script src="/templates/B2C/skins/main/js/kendoBasket1.js?12" defer></script>
vendor: 147 bytes, lines 1996-1999
1996 1997 1998<script src="https://www.google.com/recaptcha/api.js?onload=onRecaptchaReady&render=explicit" async defer></script> 1999
1999</div> 2000 </div> 2001 </div> 2002 2003 </section> 2004 2005 <div class="main-wrapper container"> 2006 <aside class="left-zone"> 2007 <div id="LeftZone" class="contentcontainer"> 2008 <div class="ver-item"> 2009 2010 </div> 2011 </div> 2012 2013 </aside> 2014 <main class="right-zone"> 2015 <div id="RightZone" class="contentcontainer"> 2016 <div class="ver-item"> 2017 2018 </div> 2019 </div> 2020 2021 </main> 2022 </div> 2023 2024 <div class="main-wrapper container tm-gridbox"> 2025 <div class="left-zone"> 2026 <div id="LeftZoneV1" class="contentcontainer"> 2027 <div class="ver-item"> 2028 2029 </div> 2030 </div> 2031 2032 </div> 2033 <div class="right-zone"> 2034 <div id="RightZoneV1" class="contentcontainer"> 2035 <div class="ver-item"> 2036 2037 </div> 2038 </div> 2039 2040 </div> 2041 </div> 2042 2043 <section class="wide-bottom"> 2044 <div id="WideBottomZone" class="contentcontainer"> 2045 <div class="ver-item"> 2046 2047 </div> 2048 </div> 2049 2050 </section> 2051 2052 <footer> 2053 <div class="container"> 2054 <div class="footer-wrapper"> 2055 <div class="footer-info"> 2056 <div class="footer-logo"> 2057 <img loading="lazy" title="B2C" src="/Uploads/B2C/logo-white.png" alt="Logo"> 2058 </div> 2059 <div id="FooterContactZone" class="contentcontainer"> 2060 <div class="ver-item"> 2061 2062 <div class="module ver" IsTemplateWide="True"> 2063 2064 2065 </div> 2066 <div class="module ver" IsTemplateWide="True"> 2067 2068 2069 </div> 2070 <div class="module ver" IsTemplateWide="True"> 2071 2072 2073 </div> 2074 </div> 2075 </div> 2076 2077 </div> 2078 <div class="footer-text"> 2079 <div id="FooterZone" class="contentcontainer"> 2080 <div class="ver-item"> 2081 2082 <div class="module ver" IsTemplateWide="True"> 2083 2084 2085<ul class="about-footer-gadet-ascx"> 2086 <li style="color: var(--primary); text-decoration: underline; padding: 0.5rem;"> 2087 KORISNI LINKOVI 2088 </li> 2089 2090 2091 2092</ul> 2093 2094 2095 2096 </div> 2097 <div class="module ver" IsTemplateWide="True"> 2098 2099 2100<ul class="service-user"> 2101 <li style="color: var(--primary); text-decoration: underline; padding: 0.5rem;"> 2102 KORISNIÄKI SERVIS 2103 </li> 2104 2105 <li> 2106 <a id="ctl00_ctl00_CMSWebPartManager_UserFooter_UserFooterGadget_ctl00_rptNewsList_ctl00_lblHeader" class="title" href="/v/5c1e3d4f-c913-4fd4-96ad-f14baa9e0cc3/O-nama.aspx">O nama</a> 2107 </li> 2108 2109 <li> 2110 <a id="ctl00_ctl00_CMSWebPartManager_UserFooter_UserFooterGadget_ctl00_rptNewsList_ctl01_lblHeader" class="title" href="/v/a1700d3a-bb1a-4e4f-8dfe-8bd8529db08e/Politika-privatnosti.aspx">Politika privatnosti</a> 2111 </li> 2112 2113 <li> 2114 <a id="ctl00_ctl00_CMSWebPartManager_UserFooter_UserFooterGadget_ctl00_rptNewsList_ctl02_lblHeader" class="title" href="/v/1e37a784-0475-4dc1-82a5-335fd57d8f84/Izjava-o-privatnosti.aspx">Izjava o privatnosti</a> 2115 </li> 2116 2117 <li> 2118 <a id="ctl00_ctl00_CMSWebPartManager_UserFooter_UserFooterGadget_
2118ctl00_rptNewsList_ctl03_lblHeader" class="title" href="/v/91a215be-670b-467b-a27a-a04b29d4e699/Uslovi-koriscenja.aspx">Uslovi koriÅ¡Äenja</a> 2119 </li> 2120 2121 <li> 2122 <a id="ctl00_ctl00_CMSWebPartManager_UserFooter_UserFooterGadget_ctl00_rptNewsList_ctl04_lblHeader" class="title" href="/v/e2499613-7b67-4165-8217-cb24bf69d008/Reklamacije.aspx">Reklamacije</a> 2123 </li> 2124 2125 <li> 2126 <a id="ctl00_ctl00_CMSWebPartManager_UserFooter_UserFooterGadget_ctl00_rptNewsList_ctl05_lblHeader" class="title" href="/v/2be33306-afdb-4026-bb8e-6de167c7cab1/Uputstvo-za-slanje-rukopisa.aspx">Uputstvo za slanje rukopisa</a> 2127 </li> 2128 2129 <li> 2130 <a id="ctl00_ctl00_CMSWebPartManager_UserFooter_UserFooterGadget_ctl00_rptNewsList_ctl06_lblHeader" class="title" href="/v/d02256bf-0f5d-487f-901f-594bab1d8345/Kupovina-i-dostava.aspx">Kupovina i dostava</a> 2131 </li> 2132 2133 2134</ul> 2135<ul> 2136 <li style="color: var(--primary); text-decoration: underline; padding: 0.5rem;"> 2137 KORISNIÄKI NALOG 2138 </li> 2139 <li id="footer-registration"> 2140 <a href="/log-in.aspx" >registracija</a> 2141 </li> 2142 <li id="footer-password"> 2143 <a href="/reset-sifre.aspx" >zaboravili ste lozinku?</a> 2144 </li> 2145 <li> 2146 <a href="/korpa.aspx" >korpa proizvoda</a> 2147 </li> 2148 <li id="footer-wishlist" style="display:none;"> 2149 <a href="/lista-zelja.aspx" >lista želja</a> 2150 </li> 2151</ul> 2152 2153 2154 2155 </div> 2156 </div> 2157 </div> 2158 2159 </div> 2160 </div> 2161 </div> 2162 <div class="container footer-wrapper-sec"> 2163 <div id="LegalZone" class="contentcontainer"> 2164 <div class="ver-item"> 2165 2166 <div class="module ver" IsTemplateWide="True"> 2167 2168 2169 2170 <div class="copyright"> 2171 <p>© <span id="current-year"></span> All rights Reserved 2172 <span> 2173 <span> Made in 2174 <a title="B2BeeHive application" style="text-decoration:none" href="https://B2Bee.net" ><strong>B2B<span style="color:yellow">ee</span></strong>'s Hive. 2175 </a> 2176 </span> 2177 </span> 2178 </p> 2179 2180 </div> 2181 2182
2183<script> 2184document.getElementById("current-year").innerHTML = new Date().getFullYear(); 2185</script>
2185 2186 </div> 2187 </div> 2188 </div> 2189 2190 <div id="SocialZone" class="contentcontainer"> 2191 <div class="ver-item"> 2192 2193 <div class="module ver" IsTemplateWide="True"> 2194 2195 2196 <div class="social-icons"> 2197 2198 <a id="ctl00_ctl00_CMSWebPartManager_Social_SocialGadget_ctl00_rptNewsList_ctl00_lblHeader" class="title testx" href="https://www.instagram.com/deretaknjige/" target="_blank"></a> 2199 2200 <a id="ctl00_ctl00_CMSWebPartManager_Social_SocialGadget_ctl00_rptNewsList_ctl01_lblHeader" class="title testx" href="https://www.youtube.com/channel/UCO7lakY4fBy0G4iB4Iibdcw" target="_blank"></a> 2201 2202 <a id="ctl00_ctl00_CMSWebPartManager_Social_SocialGadget_ctl00_rptNewsList_ctl02_lblHeader" class="title testx" href="https://twitter.com/Deretaknjige" target="_blank"></a> 2203 2204 <a id="ctl00_ctl00_CMSWebPartManager_Social_SocialGadget_ctl00_rptNewsList_ctl03_lblHeader" class="title testx" href="https://www.facebook.com/dereta/" target="_blank"></a> 2205 2206 </div> 2207 2208
2209<script> 2210 document.addEventListener('DOMContentLoaded', function () { 2211 var socialIcons = document.querySelectorAll('.social-icons a'); 2212 2213 socialIcons.forEach(function(icon) { 2214 // â ï¸ Proveri da li <i> veÄ postoji unutar <a> 2215 if (icon.querySelector('i')) return; 2216 2217 var url = icon.getAttribute('href'); 2218 var iconClass = getIconClass(url); 2219 2220 if (iconClass) { 2221 var newIcon = document.createElement('i'); 2222 newIcon.className = iconClass; 2223 icon.appendChild(newIcon); 2224 } 2225 }); 2226 2227 function getIconClass(url) { 2228 if (!url) return null; 2229 2230 url = url.toLowerCase(); 2231 if (url.includes('instagram')) return "bi bi-instagram"; 2232 if (url.includes('facebook')) return "bi bi-facebook"; 2233 if (url.includes('twitter')) return "bi bi-twitter"; 2234 if (url.includes('pinterest')) return "bi bi-pinterest"; 2235 if (url.includes('linkedin')) return "bi bi-linkedin"; 2236 if (url.includes('whatsapp')) return "bi bi-whatsapp"; 2237 if (url.includes('youtube')) return "bi bi-youtube"; 2238 return null; 2239 } 2240}); 2241 2242</script>
2242 2243 </div> 2244 </div> 2245 </div> 2246 2247 </div> 2248 </footer> 2249 <div id="CreditCardsZone" class="contentcontainer"> 2250 <div class="ver-item"> 2251 2252 <div class="module ver" IsTemplateWide="True"> 2253 2254 2255<div class="bt-footer-bottom"> 2256 <div class="container"> 2257 2258 <div id="ctl00_ctl00_CMSWebPartManager_CreditCard_CreditCardtitle_ctl00_rptNewsList_ctl00_HyperLink2" Text="cards"> 2259 2260 <div class="credit-card-container"> 2261 <div class="credit-card-item"> 2262 <img loading="lazy" src="/templates/B2C/skins/main/images/creditcard/mc_vrt_opt_pos_73_1x.png" alt="mastercard payment" title="mastercard payment" class="e-rte-image e-imginline"> 2263 <img loading="lazy" src="/templates/B2C/skins/main/images/creditcard/ms_vrt_opt_pos_73_1x.png" alt="maestro payment" title="maestro payment" class="e-rte-image e-imginline"> 2264 <img loading="lazy" src="/templates/B2C/skins/main/images/creditcard/Visa_Brandmark_Blue_Transp.png" alt="visa payment" title="visa payment" class="e-rte-image e-imginline"> 2265 <img loading="lazy" src="/templates/B2C/skins/main/images/creditcard/amex.png" alt="amex payment" title="amex payment" class="e-rte-image e-imginline"> 2266 <img loading="lazy" src="/templates/B2C/skins/main/images/creditcard/DinaCard znak 150.png" alt="dinacard payment" title="dinacard payment" class="e-rte-image e-imginline"> 2267 </div> 2268 <div class="credit-card-item"> 2269 <a href="http://www.bancaintesa.rs" aria-label="Banca Intesa"> 2270 <img loading="lazy" src="/templates/B2C/skins/main/images/creditcard/bancaintesaCC.png" alt="banca intesa" title="banca intesa" class="e-rte-image e-imginline"> 2271 </a> 2272 </div> 2273 <div class="credit-card-item"> 2274 <a href="https://rs.visa.com/pay-with-visa/security-and-assistance/protected-everywhere.html" aria-label="Visa verified"><img loading="lazy" src="/templates/B2C/skins/main/images/creditcard/visa-secure_blu_72dpi.png" alt="verified by Visa" title="verified by Visa" class="e-rte-image e-imginline"></a> 2275 <a href="http://www.mastercard.com/rs/consumer/credit-cards.html" aria-label="Masercard secured"><img loading="lazy" src="/templates/B2C/skins/main/images/creditcard/mc_securecode_92px_width.png" alt="MasterCard Secure Code" title="MasterCard Secure Code" class="e-rte-image e-imginline"></a> 2276 </div> 2277 </div> 2278 2279 </div> 2280 2281 </div> 2282</div> 2283 2284 2285 2286 2287 </div> 2288 </div> 2289 </div> 2290 2291 2292 <div id="ModalZone" class="contentcontainer"> 2293 <div class="ver-item"> 2294 2295 </div> 2296 </div> 2297 2298 2299 2300 </div> 2301 2302 2303
2304<script type="text/javascript"> 2305//<![CDATA[ 2306document.addEventListener("DOMContentLoaded", function(event) {BasketBehaivorObj = new BasketBehaivor('#ctl00_ctl00_CMSWebPartManager_Basket1_BasketTitle_ctl00_pnlInnerBasket', '#ctl00_ctl00_CMSWebPartManager_Basket1_BasketTitle_ctl00_lnkPrice2', '', '#ctl00_ctl00_CMSWebPartManager_Basket1_BasketTitle_ctl00_dgItems', 'Translation service is not created.', '', '', '', '/profil-korisnika.aspx', '#lnkPrice', '/EcommerceService.svc/', false, '#lnkEmptyBasket', 'Da li ste sigurni da želite da izbacite proizvode iz korpe?', '', 'false', 'false'); BasketBehaivorObj.GetAndRefreshBasket();});var __wpmExportWarning='This Web Part Page has been personalized. As a result, one or more Web Part properties may contain confidential information. Make sure the properties contain information that is safe for others to read. After exporting this Web Part, view properties in the Web Part description file (.WebPart) by using a text editor such as Microsoft Notepad.';var __wpmCloseProviderWarning='You are about to close this Web Part. It is currently providing data to other Web Parts, and these connections will be deleted if this Web Part is closed. To close this Web Part, click OK. To keep this Web Part, click Cancel.';var __wpmDeleteWarning='You are about to permanently delete this Web Part. Are you sure you want to do this? To delete this Web Part, click OK. To keep this Web Part, click Cancel.';//]]> 2307</script>
2307 2308</form> 2309 2310 2311 2312
2312<script defer src="/templates/B2C/skins/main/js/custom-fragments/cookieconsent-init.js?v=2"></script>
2312 2313 2314
2314<script src="/templates/B2C/skins/main/js/custom-fragments/custom-swiper-init.js" defer></script>
2314 2315
2315<script src="/templates/B2C/skins/main/js/global.js?4"></script>
2315 2316 2317 2318 2319 2320 2321</body> 2322 2323</html><span id="GENSTAMP" style="display:none;">Generated: 14:00:15</span>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.