1<!DOCTYPE html> 2<html lang="no"> 3<head> 4 <meta charset="UTF-8"> 5 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 6 <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"> 7 <title> 8 Handlekurv - =Kaffe 9 </title> 10 11 12 13 <meta property="og:title" content="Handlekurv - =Kaffe" /> 14 <meta property="og:type" content="website" /> 15 <meta property="og:image" content="/users/erlikkaffe_mystore_no/logo/Header04.07.215." /> 16 17 18
18<script type="text/javascript">var currentPage = 'cart.php'; </script>
18 19 20
20<script> 21 22 //Cart products Object 23 var _cartProducts = []; 24 var _catPorducts = []; 25 26 27 28 </script>
28 29 30 31
31<script> 32 // Making language accessible 33 var current_lang_code = 'no'; 34 var current_currency_code = 'NOK'; 35 var productPageSwiperLoaded = true; 36 var languages = { 37 sort: 'Sorter produkter ', 38 manufacturer: 'Produsenter', addedToCart: 'Varen ble lagt til i handlekurven din!' 39 } 40 41 var settings = { 42 dockedHeader: false, 43 lazyLoad: false, 44 advancedSearch: false, 45 advancedQuantity: false, 46 productAdvancedQuantity: true, 47 headerMegamenuShowBrandsTabbed: false, 48 infiniteScrolling: false, 49 advancedAjaxSearch: false, 50 currentPage: 'cart.php', 51 productBoxesPerMobile: 'col-6', 52 productGridAdvancedImages: true, 53 productGridAdvancedImagesTimeout: 1500, 54 advancedPopupOnPurchase: false, 55 americaTrimTextMobile: false, 56 americaEnableOptimization: false }; 57 58 var customer_group = ""; 59 var user_is_club_member = false; 60 61 var user_is_company = false; 62 63 var _cartTotals = { 64 'sidebar_cart_num_items': '0', 65 'sidebar_cart_total': '0,-', 66 'sidebar_cart_total_raw': '0', 67 }; 68 69 </script>
69 70 71
71<script type="text/javascript"> 72 var show_q_in_stock = false; 73 </script>
73 74 75 76 77 78<link rel="canonical" href="https://www.erlikkaffe.no/cart"> 79 80 81 82 83 <meta name="csrf-token" content="4_a2kwqrsWtV1OavuvWI1M9DAgH13nAYda4b6TWNLC" /> 84 85 86<base href="//www.erlikkaffe.no"> 87 88 89<link type="text/css" rel="stylesheet" href="global.css.php?version=a1749030662&host=erlikkaffe_mystore_no" /> 90<link type="text/css" rel="stylesheet" href="/css/ck4.css" /> 91 92
93<script> 94 var params = { 95 load_fancybox:'1', 96 is_checkout:'0', 97 defaultLang: 'no', 98 langCode: '' 99 }; 100</script>
100 101 102 103 104
104<script type="text/javascript" src="https://erlikkaffe-i01.acendycdn.com/production/assets/localization/781592fc906423adb1885cb926ae54d23f6254a2-nb-NO.js?v=4.2026.09.30.15"></script>
104 105 106
107<script type="text/javascript" src="global.js.php?version=1749030662&v2&host=erlikkaffe_mystore_no"></script>
107 108
109<script type="text/javascript"> 110var cart_text_update = 'Oppdater'; 111var cart_text_remove_singular = 'Fjern valgt produkt'; 112var cart_text_remove_plural = 'Fjern valgte produkter'; 113</script>
113 114 115 116 117 118 119
120<script> 121 let anonip = ''; 122 123 124 window.dataLayer = window.dataLayer || []; 125 function gtag(){dataLayer.push(arguments);} 126 127 128 gtag('js', new Date()); 129 130 </script>
130 131
132<script type="text/javascript"> 133 134 135 136</script>
136 137 138 139 140 141 142
142<script> 143 var _CrallConfig = { 144 features:{ 145 recommendations:{ 146 usePreload:true, 147 }, 148 reviews:{} 149 }, 150 pk:13669 151 }; 152 153 function renderNativeMystoreProducts(elm, products, callback, ...rest) { 154 console.log("Reccomendations hook triggered"); 155 console.log(products); 156 var template = products.template; 157 var products = products.products; 158 159 if (products.length > 0){ 160 $.post('/product_box.php?action=crall', { action: 'crall', data: JSON.stringify(products) }, function(resp){ 161 var $products_html = $('<div class="products-injected products-list row">' + resp + '</div>'); 162 var cssClasses = 'col-6 col-md-4 col-lg-4 col-xl-2 plr5'; 163 164 if (typeof customCrallClasses == 'function') { 165 cssClasses = customCrallClasses(); 166 } 167 168 $products_html.find('.product-box').wrap('<div class="'+ cssClasses +'"></div>'); 169 170 $(elm).html($products_html); 171 $('.products-injected .lazyloaded').lazyload(); 172 173 var crallRenderInterval = setInterval( function(){ 174 if (typeof crallProductsHook === 'function'){ 175 clearInterval(crallRenderInterval); 176 crallProductsHook('loaded', elm, callback, products, template); 177 } 178 }, 50); 179 }); 180 } 181 } 182 183 function renderNativeMystoreSarch(elm, data, callback) { 184 console.log("REACT Native search"); 185 if (data.products.length > 0){ 186 $.post('/product_box.php?action=crall', { action: 'crall', data: JSON.stringify(data.products) }, function(resp){ 187 var $products_html = $('<div class="col-md-12"><div class="products-injected products-list row">' + resp + '</div></div>');
188 var cssClasses = 'col-6 col-md-4 col-lg-4 col-xl-2 plr5'; 189 190 if (typeof customSeachCrallClasses == 'function') { 191 cssClasses = customSeachCrallClasses(); 192 } 193 194 $products_html.find('.product-box').wrap('<div class="'+ cssClasses +'"></div>'); 195 196 $('.crall-search-filter-right > .crall-search-product-result').html($products_html); 197 $('.products-injected .lazyloaded').lazyload(); 198 199 if (typeof crallSearchProductsHook === 'function'){ 200 crallSearchProductsHook('loaded', elm, callback, data.products); 201 } 202 }); 203 } 204 205 } 206 </script>
206 207 208
208<script type="text/javascript">(function(){ 209 var cc=document.createElement('script');cc.type='text/javascript';cc.async=true;cc.src='https://cdn.crall.io/w/widgets.js?v=4';var s=document.getElementsByTagName('script')[0];s.parentNode.insertBefore(cc, s);})(); 210 </script>
210 211 212
212<script type="text/javascript">var __crallEmail='';var __crall_id=13669; (function(){ 213 var cc=document.createElement('script');cc.type='text/javascript';cc.async=true;cc.src='https://cdn.crall.io/t/client.js?v=4';var s=document.getElementsByTagName('script')[0];s.parentNode.insertBefore(cc, s);})(); 214 </script>
214 215 216 217 218 219 220 221 222 223 224 225 226 227 228 229 230 231
231<script defer src="templates/global/mystore/emojis.js?v=6"></script>
231 232 233 234 235 236
236<script type="text/javascript"> 237 if (typeof $ !== 'undefined' && typeof $.ajaxSetup === 'function') { 238 $.ajaxSetup({ 239 headers: { 240 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') 241 } 242 }); 243 } 244 245 </script>
245 246 247 248 249 250
250<script src="/templates/america/js/bootstrap-tabcollapse.js" ></script>
250 251
251<script src="/templates/america/js/jquery.colorbox-min.js" ></script>
251<!--Move to Global JS --> 252 <link rel="stylesheet" href="/templates/america/css/colorbox.css" /><!--Move to Global CSS --> 253 254 255 256 <div class="popup_dark_bg" style="display: none;"></div> 257<div class="popup_wrapper" style="display: none;"> 258 <div class="tabs_title"> 259 <h4 class="p20 m0">Lagt til i handlekurven</h4> 260 261 <a href="javasctip:void(0)" onclick="continueShopping()" class="close-popup-america"> 262 <i class="fa fa-2x fa-times pull-right pr10 pt10" aria-hidden="true"></i> 263 </a> 264 </div> 265 <div class="info_wrapper"> 266 <section id="newitemsp" class="tabs_content" style="display: block;"> 267 <div class="singular_product mt0"> 268 <div class="left_part col-md-12 col-sm-12"> 269 <div class="row"> 270 <div class="image image-newitem col-4 col-md-3 col-sm-3 col-xs-3"> 271 </div> 272 <div class="col-8 col-md-8 col-sm-9 col-xs-9 title_wrapper"> 273 <h4 class="product_title" style="font-size: 16px;"></h4> 274 <h5 style="font-size: 14px;"></h5> 275 <span class="productPrice" style="font-size: 14px;"><strong></strong></span> 276 </div> 277 </div> 278 </div> 279 <div class="right_part col-md-12 col-sm-12 buttons_wrapper"> 280 <div class="row"> 281 <div id="shipment-countdown-popup" class="flex-center mob-menu" style="display: block;"> 282 <div class="warning-visible" id="mobile-shipping-countdown"> 283 <div class="cp-panel panel panel-default"> 284 <div class="alert-warning warning main-kco-background shippment_calc_main_wrapper" style="font-weight: 700; padding-left: 10px; padding-right: 10px;color:#000000;background: #dec7c7;border-color: #f3e1e3; text-align: center;padding: 8px;font-size: 16px;"> 285 <div class="mobile_shipping_wrapper"> 286 <div class="mobile_shipping_progress" style="width: 0%;"></div> 287 </div> 288 <div class="info_wrapper"> 289 <h2> 290 <i class="fa fa-info"></i> 291 <span class="shipping-notification-sum-left" style="color: #ff0000;"> 292 1000</span> 293 <span>,- KR IGJEN TIL FRI FRAKT!</span> 294 </h2> 295 </div> 296 </div> 297 </div> 298 </div> 299 </div> 300 </div> 301 302 <div class="row"> 303 <span class=" col-md-6 col-xs-12 button"> 304 <a href="javascript:void(0)" onclick="continueShopping()" class="action_button button">Fortsett å handle</a> 305 </span> 306 <span class=" col-md-6 col-xs-12 til_kasse"> 307 <a href="https://www.erlikkaffe.no/cart" class="action_button button">Gå til handlekurven</a> 308 </span> 309 </div> 310 </div> 311 <div class="multiple_products"> 312 <div class="clerkplaceholder"> 313 <span id="clerk1-popup" class="clerk crall-fontpage-one" data-template="" data-products="[]"></span> 314 </div> 315 </div> 316 </div> 317 </section> 318 </div> 319 320</div> 321 322<style> 323 div.popup_wrapper .crall-slide .crall-product-item .crall-buy .fa { 324 color: #fff; 325 } 326 .block.full { 327 display: block; 328 width: 100%; 329 } 330 .cart-menu .cart-product-wrapper { 331 max-height: 500px; 332 overflow-x: hidden; 333 overflow-y: auto; 334 } 335 .productPrice h5 { 336 font-size: 14px; 337 } 338 div.popup_wrapper .right_part a { 339 font-size: 16px; 340 font-weight: 300; 341 } 342 div.popup_wrapper .crall-wrapper .crall-slide { 343 padding-top: 0; 344 } 345 346 @media (max-width: 768px){ 347 .popup_wrapper { 348 max-width: 350px !important; 349 } 350 .singular_product .left_part > .row { 351 margin: 0 !important; 352 } 353 .image-newitem { 354 padding: 0 !important; 355 } 356 body .buttons_wrapper > div > .button, body .buttons_wrapper .til_kasse { 357 padding: 0 !important; 358 } 359 body .buttons_wrapper > div > .button { 360 margin-bottom: 10px; 361 } 362 span.productPrice span, 363 html .price_active, 364 html body .productPrice.hasSpecialPrice > .price_active, 365 html .p_special { 366 font-size: 16px !important; 367 vertical-align: text-bottom; 368 font-weight: 700 !important; 369 } 370 html body .overlay .__bottom_container .price-and-delete-wrapper .cart-price { 371 font-size: 16px !important; 372 } 373 .title_wrapper { 374 padding-right: 0 !important; 375 } 376 .title_wrapper .product_title { 377 font-size: 14px !important; 378 } 379 #newitemsp .left_part .image { 380 width: 30%; 381 } 382 #newitemsp .left_part .col-md-8 { 383 width: 70%; 384 } 385 #newitemsp .singular_product { 386 width: 100%; 387 } 388 } 389 .close-popup-america { 390 position: absolute; 391 top: 0; 392 right: 0; 393 } 394 395 .overlay .__bottom_container .price-and-delete-wrapper .cart-old-price, 396 .overlay .__bottom_container .price-and-delete-wrapper .cart-old-price s, 397 html .overlay .__bottom_container .price-and-delete-wrapper .cart-price, 398 html .price_active, html .productPrice.hasSpecialPrice > .price_active, 399 html .p_special { 400 font-size: 18px !important; 401 font-weight: 700 !important; 402 } 403 .productPrice.hasSpecialPrice > .price_active { 404 } 405 406body div.popup_wrapper { 407 height: auto !important; 408 border-radius: 12px; 409 overflow: hidden; 410 max-width: 768px; 411 margin-left: 0; 412 position: fixed;
413 z-index: 9999; 414 top: 50%; 415 left: 50%; 416 transform: translate(-50%, -50%) !important; 417 background: #fff; 418 box-shadow: 0px 0px 22px rgba(0, 0, 0, 0.15); 419 border: none !important; 420 width: 100%; 421} 422 423.tabs_title { 424 text-align: center; 425 padding: 0 12px; 426} 427.popup_wrapper > .tabs_title > h4 { 428 font-size: 24px; 429 color: #374151; 430 font-weight: normal; 431 border-bottom: 1px solid #F1F5F9; 432} 433 434 .buttons_wrapper .til_kasse a { 435 border: none !important; 436 } 437 438.buttons_wrapper { 439 margin-top: 0px; 440} 441div.popup_wrapper .tabs_content { 442 padding: 20px 0 !important; 443} 444.tabs_title .close-popup-america { 445 width: 28px; 446 height: 28px; 447 background: red; 448 border-radius: 50%; 449 background: #F1F5F9; 450 display: flex; 451 align-items: center; 452 justify-content: center; 453 top: 20px; 454 right: 20px; 455} 456.product_title { 457 font-size: 18px !important; 458} 459.tabs_title .close-popup-america i { 460 font-size: 18px; 461 padding: 0; 462 margin: 0; 463} 464 465.productPrice { 466 font-weight: bold; 467} 468.productPrice h5 { 469 color: #3F3F46 !important; 470 font-weight: normal !important; 471} 472.buttons_wrapper .button .button{ 473 color:#121212 !important; 474 border: 1px solid #CBD5E1 !important; 475 background: transparent !important; 476} 477.buttons_wrapper .til_kasse a { 478 background: #F4A261; 479 border-color: #F4A261; 480} 481.buttons_wrapper .til_kasse, .buttons_wrapper > div { 482 padding: 0 20px !important; 483} 484.singular_product .left_part { 485 padding: 0 20px !important; 486} 487.buttons_wrapper .til_kasse, .buttons_wrapper > div > .button { 488 padding: 0 !important; 489 border-radius: 6px !important; 490} 491.buttons_wrapper .button .button, .buttons_wrapper .til_kasse a { 492 margin: 0 !important; 493 padding: 12px !important; 494} 495.buttons_wrapper > div > .button { 496 padding-right: 10px !important;; 497} 498.buttons_wrapper .til_kasse { 499 padding-left: 10px !important; 500} 501.price_active { 502 font-size: 20px !important; 503 font-weight: normal !important; 504} 505 506 .productPrice.hasSpecialPrice > .price_active { 507 color: #BE185D !important; 508 } 509 510.p_special { 511 margin-right: 14px; 512 color: #374151; 513 text-decoration: line-through; 514 font-size: 20px !important; 515 font-weight: normal !important; 516 float: left; 517} 518#shipment-countdown-popup.flex-center.mob-menu { 519 display: block !important; 520 width: 100%; 521 margin-top: 0px !important; 522 margin-bottom: 0px; 523} 524#shipment-countdown-popup .shippment_calc_main_wrapper { 525 padding-bottom: 8px !important; 526 margin-bottom: 10px !important; 527} 528html .header_main_wrapper, 529html .header_main_wrapper > .success-visible, html .header_main_wrapper.flex-center.mob-menu, 530html .flex-center.mob-menu.header_main_wrapper > .success-visible, html .flex-center.mob-menu.header_main_wrapper.flex-center.mob-menu { 531 margin-top: 0 !important; 532 padding-top: 0 !important; 533} 534html .flex-center.mob-menu.header_main_wrapper > .success-visible, html .flex-center.mob-menu.header_main_wrapper > .warning-visible { 535 display: none !important; 536} 537 538html .flex-center.mob-menu > .warning-visible, .flex-center.mob-menu > .success-visible { 539 position: static !important; 540} 541 542 543 544 545 @media (min-width: 1024px) { 546 .header_main_wrapper { 547 display: none !important; 548 } 549 } 550 551 div.popup_wrapper .product-box .product .product-meta { 552 margin-top: 0; 553 margin-bottom: 0; 554 } 555 div.popup_wrapper .product-box .product .product-meta > * { 556 display: none; 557 } 558 div.popup_wrapper .product-box .product .product-meta > .product_box_title_row { 559 display: block; 560 } 561 div.popup_wrapper .product-box .product .product-meta > .product_box_title_row .title { 562 overflow: hidden; 563 line-height: 1.8; 564 } 565 div.popup_wrapper .product-box .product .product-meta > div:last-child { 566 display: block; 567 } 568 div.popup_wrapper .product-box .product .product_box_button { 569 display: none !important; 570 } 571 div.popup_wrapper #newitemsp img { 572 /*height: 100px !important;*/ 573 } 574 div.popup_wrapper .product-box .product .quick_view { 575 display: none !important; 576 } 577 div.popup_wrapper #newitemsp .clerkplaceholder .clerkheader { 578 margin-bottom: 0; 579 } 580 div.popup_wrapper .crall-slide .crall-product-item .crall-buy { 581 /*display: none !important;*/ 582 } 583 div.popup_wrapper .crall-slide .crall-product-item .crall-product-image { 584 height: auto !important; 585 max-height: 250px !important; 586 } 587 div.popup_wrapper .crall-slide .crall-product-item .crall-product-name { 588 /*height: 2rem !important;*/ 589 margin-left: 0; 590 } 591 div.popup_wrapper .crall-slide .crall-product-item .crall-price { 592 margin-left: 0; 593 } 594 div.popup_wrapper .product .product-meta .price { 595 margin-top: 0; 596 } 597 598 body .cart-page-V2 .summarybox-wrapper .summarybox div.mobile_shipping_progress { 599 background: linear-gradient(90deg,#000000 0, #000000 100%) !important; 600 } 601 602 #newitemsp .product_title { 603 font-size: 1.8em !important; 604 } 605 606 #newitemsp .price_active { 607 font-size: 1.6em !important; 608 } 609 610 /*#newitemsp .club_price { 611 color: #f05135; 612 background: transparent; 613 display: block; 614 padding: 0; 615 margin: 0; 616 font-weight: bold; 617 font-size: 18px; 618 margin-bottom: 20px; 619 } 620 */ 621 #newitemsp .bonus_points_info { 622 margin-bottom: 8px; 623 } 624 625 @media (max-width: 600px) { 626 body #newitemsp .product_title { 627 font-size: 1.1em !important; 628 } 629 } 630 631 632 @media (max-width: 460px) { 633 div.popup_wrapper .multiple_products { 634 display: none !important; 635 } 636 } 637</style>
638<script> 639 function onRegularPurchaseHook(thisButton){ 640 var product = {}; 641 if (currentPage == 'product.php'){ 642 643 // This would be if regular popup is used with shopthelook module 644 if (thisButton.hasClass('shopthelook_button')){ 645 var parentContainer = thisButton.closest('.stl_product'); 646 product.title = parentContainer.find('.data_title').text(); 647 product.image = parentContainer.find('.data_image').attr('src'); 648 product.price = parentContainer.find('.valid_price').html(); 649 650 if (parentContainer.find('.data_price .original_price').length > 0){ 651 product.price_special = parentContainer.find('.original_price').html(); 652 } else { 653 product.price_special = null 654 } 655 656 var attributes_array = []; 657 parentContainer.find('.attrbutedropdown').each( function(i){ 658 var title = $(this).attr('title'); 659 var value = $(this).find("option:selected").text(); 660 attributes_array.push('<h5>' + title + ': ' + value + '</h5>'); 661 }); 662 663 product.attributes = attributes_array; 664 665 } else { 666 667 product.title = $('#add2cart h1').text(); 668 product.image = $('.product_page_slider img:first-child').attr('src'); 669 670 if ($('#add2cart .products_price.special').length > 0){ 671 product.price = $('#add2cart .products_price.special').text(); 672 product.price_special = $('#add2cart .products_price_old').text(); 673 } else { 674 product.price = $('#add2cart .product-price').text(); 675 product.price_special = null 676 } 677 678 var attributes_array = []; 679 $('.attrbutedropdown').each( function(i){ 680 var title = $(this).attr('title'); 681 var value = $(this).find("option:selected").text(); 682 attributes_array.push('<h5>' + title + ': ' + value + '</h5>'); 683 }); 684 685 product.attributes = attributes_array; 686 product.retail_priceHTML = $('#add2cart .club-price').html(); 687 product.bonusInfoHTML = $('#add2cart .posted_in').html(); 688 } 689 690 } else { 691 product.title = thisButton.closest('.product-box').find('.title').text(); 692 product.image = thisButton.closest('.product-box').find('.image img').attr('src'); 693 product.price = thisButton.closest('.product-box').find('.price').text(); 694 product.price_special = thisButton.closest('.product-box').find('.price').text(); 695 } 696 697 console.log(' product.retail_price', product.bonusInfoHTML); 698 699 700 $('#newitemsp .left_part .col-md-8 .productPrice').removeClass('hasSpecialPrice'); 701 $('#newitemsp .left_part .image-newitem').html('<img src="' + product.image + '"/>'); 702 $('#newitemsp .left_part .col-md-8 .product_title').text(product.title); 703 704 // Add bonus point info 705 $('#newitemsp .left_part .col-md-8 .product_title').after('<div class="bonus_points_info>' + product.bonusInfoHTML + '</div>'); 706 707 $('#newitemsp .left_part .col-md-8 .productPrice').html('<span class="price_active">'+ product.price + '</span><div class="club_price"></div>'); 708 709 // Add club price 710 product.retail_priceHTML ? $('#newitemsp .left_part .col-md-8 .productPrice .club_price').html(product.retail_priceHTML) : ''; 711 712 if (product.price_special) { 713 $('#newitemsp .left_part .col-md-8 .productPrice').append('<span class="p_special">'+ product.price_special +'</span>'); 714 $('#newitemsp .left_part .col-md-8 .productPrice').addClass('hasSpecialPrice'); 715 } 716 717 $('.singular_product .col-md-8 h5').remove(); 718 719 if (currentPage == 'product.php'){ 720 product.attributes.forEach(function(entry) { 721 $('#newitemsp .left_part .col-md-8 .productPrice').prepend(entry); 722 }); 723 } 724 $('.popup_wrapper .panel-title:first-child a').click(); 725 $('.popup_wrapper, .popup_dark_bg').show(); 726 727 if ($(window).width() < 992){ 728 //$('html, body').animate({ 729 // scrollTop: $('.popup_wrapper').offset().top - 80 730 //}, 400); 731 } 732 //reloadCrallWidget(); 733 734 $('.popup_wrapper').show(); 735 $('.popup_dark_bg').show(); 736 737 } 738 739 function onQuickPurchaseHook(thisButton){ 740 // This is a dirty fix created to fix crall purchase event
741 if (thisButton && thisButton.type != 'button' && thisButton[0].type == 'button') { 742 thisButton = $(thisButton[0]); 743 } 744 745 var product = {}; 746 var closest_form = thisButton.closest('form'); 747 748 if (currentPage == 'product.php' && thisButton.attr('id') == 'addToShoppingCart'){ 749 // This would be if regular popup is used with shopthelook module 750 if (thisButton.hasClass('shopthelook_button')){ 751 var parentContainer = thisButton.closest('.stl_product'); 752 product.title = parentContainer.find('.data_title').text(); 753 product.image = parentContainer.find('.data_image').attr('src'); 754 product.price = parentContainer.find('.valid_price').html(); 755 756 if (parentContainer.find('.data_price .original_price').length > 0){ 757 product.price_special = parentContainer.find('.original_price').html(); 758 } else { 759 product.price_special = null 760 } 761 762 763 var attributes_array = []; 764 parentContainer.find('.attrbutedropdown').each( function(i){ 765 var title = $(this).attr('title'); 766 var value = $(this).find("option:selected").text(); 767 attributes_array.push('<h5>' + title + ': ' + value + '</h5>'); 768 }); 769 770 product.attributes = attributes_array; 771 772 } else { 773 774 product.title = $('#add2cart .title h1').text() != '' ? $('#add2cart .title h1').text() : $('#add2cart .product-title-v1').text(); 775 product.image = $('.gallery_image img:first-child').attr('src') ? $('.gallery_image img:first-child').attr('src') : $('.productpage-slider img:first-child').attr('src'); 776 //product.price = $('#add2cart .product-price').text(); 777 //product.price_special = $('#add2cart .product-price').text(); 778 779 if ($('#add2cart .products_price.special').length > 0){ 780 product.price = $('#add2cart .products_price.special').text(); 781 product.price_special = $('#add2cart .products_price_old').text(); 782 } else { 783 product.price = $('#add2cart .product-price').text(); 784 product.price_special = null 785 } 786 787 var attributes_array = []; 788 $('.attrbutedropdown').each( function(i){ 789 var title = $(this).attr('title'); 790 var value = $(this).find("option:selected").text(); 791 attributes_array.push('<h5>' + title + ': ' + value + '</h5>'); 792 }); 793 794 product.attributes = attributes_array; 795 796 } 797 798 } else { 799 product.title = closest_form.closest('.product-box').find('.title').text(); 800 product.image = closest_form.closest('.product-box').find('.image img').attr('src'); 801 802 if (closest_form.closest('.product-box').find('.price').find('.special').length > 0){ 803 product.price = closest_form.closest('.product-box').find('.price .special').text(); 804 product.price_special = closest_form.closest('.product-box').find('.price s').text(); 805 } else { 806 console.log(product.title); 807 product.price = closest_form.closest('.product-box').find('.price').text(); 808 product.price_special = null 809 console.log(product.price_special); 810 } 811 } 812 813 $('#newitemsp .left_part .col-md-8 .productPrice').removeClass('hasSpecialPrice'); 814 $('#newitemsp .left_part .image-newitem').html('<img src="' + product.image + '"/>'); 815 $('#newitemsp .left_part .col-md-8 .product_title').text(product.title); 816 $('#newitemsp .left_part .col-md-8 .productPrice').html('<span class="price_active">'+ product.price + '</span>'); 817 if (product.price_special) { 818 $('#newitemsp .left_part .col-md-8 .productPrice').append('<span class="p_special">'+ product.price_special +'</span>'); 819 $('#newitemsp .left_part .col-md-8 .productPrice').addClass('hasSpecialPrice'); 820 } 821 $('.singular_product .col-md-8 h5').remove(); 822 823 if (currentPage == 'product.php' && thisButton.attr('id') == 'addToShoppingCart'){ 824 product.attributes.forEach(function(entry) { 825 $('#newitemsp .left_part .col-md-8 .productPrice').prepend(entry); 826 }); 827 } 828 $('.popup_wrapper .panel-title:first-child a').click(); 829 $('.popup_wrapper, .popup_dark_bg').show(); 830 831 if ($(window).width() < 992){ 832 $('html, body').animate({ 833 scrollTop: $('.popup_wrapper').offset().top - 80 834 }, 400); 835 } 836 837 //reloadCrallWidget(); 838 839 $('.popup_wrapper').show(); 840 $('.popup_dark_bg').show(); 841 } 842 843 $('.popup_wrapper .tabs_title a').click( function(e){ 844 e.preventDefault(); 845 846 var target = $(this).attr('href'); 847 848 $(target).addClass('active').show(); 849 $(target).siblings().removeClass('active').hide(); 850 851 $(this).parent().addClass('active'); 852 $(this).parent().siblings().removeClass('active'); 853 }); 854 855 $('.popup_dark_bg').mousedown(function() { 856 isDragging = false;
857 }) 858 .mousemove(function() { 859 isDragging = true; 860 }) 861 .mouseup(function() { 862 var wasDragging = isDragging; 863 isDragging = false; 864 if (!wasDragging) { 865 $('.popup_wrapper').hide(); 866 $('.popup_dark_bg').hide(); 867 } 868 }); 869 870 function continueShopping(){ 871 $('.popup_wrapper, .popup_dark_bg').hide(); 872 } 873 874 function reloadCrallWidget() { 875 $('.multiple_products .clerkplaceholder').load(location.href + ' .multiple_products .clerkplaceholder > *', function(data){ 876 877 }); 878 } 879 880 $(document).ready( function(){ 881 $('#shoppingcartp').delegate('.remove_product_from_minicart', 'click', function(e){ 882 e.preventDefault(); 883 var $this = $(this); 884 $.get('ajax.php?action=ajax&ajaxfunc=remove_from_cart&products_id=' + $(this).attr('id'), function(){ 885 $this.parent().parent().slideUp(600, function(){ 886 reloadCart(); 887 }); 888 }); 889 890 return false; 891 892 }); 893 894 reloadCart = (function() { 895 let cached = reloadCart; 896 897 return function() { 898 // your code 899 900 var result = cached.apply(this, arguments); // use .apply() to call it 901 902 $('.products_container .left_part').load(location.href + ' .products_container .left_part > *', function(){ 903 console.log('Reloaded popup cart'); 904 }); 905 // more of your code 906 907 }; 908 909 }()); 910 }); 911 912 913</script>
913 914 915
915<script src="users/erlikkaffe_mystore_no/templates/custom_javascript.js?v=1790770896" async></script>
915 916 <link rel="stylesheet" href="users/erlikkaffe_mystore_no/templates/custom_stylesheet.css?v=1790770896" /> 917 918 <!-- Template settings style --> 919 <link href="https://fonts.googleapis.com/css?family=Josefin+Sans:300,300i,400,400i,700,700i" rel="stylesheet"> 920 <style> 921 body { 922 font-family: 'Josefin Sans', sans-serif !important; 923 } 924 </style> 925 926 <!-- Font settings for headings --> 927 <link href="https://fonts.googleapis.com/css?family=Josefin+Sans:300,300i,400,400i,700,700i" rel="stylesheet"> 928 <style> 929 h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { 930 font-family: 'Josefin Sans', sans-serif !important; 931 } 932 </style> 933 <!-- Settings --> 934 <style type="text/css"> 935 936 .slogans-mobile { 937 flex-basis: 0; 938 } 939 @media (max-width: 767px){ 940 .js-filter .js-filter-box, .js-filter-box .checkbox label { 941 padding: 8px 23px !important; 942 } 943 } 944 body.mys-adminbar #mys-abw #mys-apw { 945 left: 0; 946 } 947 body.open-drawer-cart #mys-abw #mys-apw { 948 left: -17px; 949 } 950 .highlight 951 { 952 font-weight: 700; 953 } 954 /* FIX for sidebar */ 955 956 957 .sidebar-list.selected-item > a:first-child, .sidebar-list.selected-item.active_selected_item > a:first-child { 958 color: #000000!important ; 959 } 960 /* fix for narrow (1400px) page */ 961 /* if customer have alot of categories, we can do a little trickyricky */ 962 963 /* add padding to productboxes if the images looks too "tight" */ 964 965 .image-pad { 966 padding: 0px; 967 } 968 969 @media (max-width: 1200px){ 970 #search-down-wrapper .right_part .search_result > li { 971 /*width: 100%;*/ 972 } 973 } 974 /* AJAX SEARCH END */ 975 body { 976 background-color: #fff !important; 977 } 978 body { 979 color: #212529; 980 } 981 a { 982 color: #212529; 983 } 984 /* Header Float Disable */ 985 986 /* Logo size */ 987 .logo-lg { max-height: 100px !important; } 988 .logo { max-height: 100px !important; } 989 990 991 /* Mobile Menu Typography Options -Advance */ 992 993 .overlay .mob-icons-text, #overlay-menu a { 994 font-size: 0.75rem !important; font-weight: 500 !important; font-style: normal !important; text-transform: none !important; } 995 996 997 /* Color for logoarea on mobile. nice if the use a white logo */ 998 body > .header_main_wrapper.flex-center.mob-menu, 999 .cart-page > .header_main_wrapper { 1000 background-color: rgba(0,0,0,0); 1001 } 1002 1003 /* Mobile shippment countdown Style */ 1004 .mobile-only .shippment_calc_main_wrapper { 1005 background:#ffffff !important; 1006 } 1007 .mobile-only .shippment_calc_main_wrapper, .mobile-only .shippment_calc_main_wrapper div, 1008 .mobile-only .shippment_calc_main_wrapper i { 1009 color: #000000 !important; 1010 } 1011 .mobile_shipping_wrapper .mobile_shipping_progress { 1012 background: linear-gradient(90deg ,#000000 0,#000000 100%)!important; 1013 } 1014 .mobile-only .mobile_shipping_wrapper { 1015 background: #d7d7d7 !important; 1016 } 1017 /* Filter Optins */ 1018 .sb-sidebar .main-filter-wrapper { 1019 background: #f8f8f8 !important; 1020 } 1021 1022 .sb-sidebar .filter-wrapper .js-filter > .js-filter-toggle, 1023 .sb-sidebar .product-filter select, 1024 .sb-sidebar .container .js-filter-tags .fs-dropdown-selected, 1025 .sb-sidebar .js-filter-mobile .js-filter-toggle { 1026 color: #000000 !important; background: #f8f8f8 !important; border-color: #e6e6e6 !important; border-width: 0px !important; border-style: solid !important; 1027 } 1028 1029 /** Megamenu SORTING direction **/ 1030 /* Brands Style */ 1031 1032 1033 /* display the breadcrumb on mobile */ 1034 body .breadhead { 1035 border-top: 1px solid #ffffff !important; border-bottom: 1px solid #ffffff !important; } 1036 @media(max-width: 1024px){ 1037 .breadcrumb { 1038 max-height: initial; 1039 display: flex; 1040 margin-top: 70px; 1041 } 1042 .breadcrumb a { 1043 display: flex; 1044 } 1045 section.breadhead { 1046 min-height: 35px; 1047 } 1048 } 1049 /* display the breadcrumb on mobile */ 1050 1051 1052 /** Blog **/ 1053 1054 1055 /* Blog Style START */ 1056 #left-part .blog_article .blog_content *, .article_main_wrapper *, .heading_and_description *, .post_wrapper .social-sharing, 1057 #left-part .blog_article .blog_content .bottom_info .blog_read_more, body #left-part .blog_content div.blog_date { 1058 text-align: left !important; color: #000000 !important; text-shadow: none !important; 1059 } 1060 #left-part .blog_content h3, .article_main_wrapper h1, .article_main_wrapper h2, .article_main_wrapper h3 { 1061 text-transform: uppercase !important; } 1062 1063 body #full_wrapper #left-part .blog_content p, .article_main_wrapper p { 1064 text-align: center !important; color: #000000 !important; } 1065 1066 #full_wrapper #left-part .blog_article .blog_content .bottom_info .blog_read_more span { 1067 color: #000000 !important; } 1068 .article_main_wrapper .button { 1069 text-align: center !important; 1070 } 1071 1072 /* BlogStyle END */ 1073 1074 /******************************************************************/ 1075 /****************** PRODUCT PAGE SETTINGS *********************/ 1076 /** Hide Special Ending In **/ 1077 .special-ending-in { 1078 display: none !important; 1079 } 1080 /** Discount Badge on product page **/ 1081 .product_page_slider .discount_badge_pp { 1082 position: absolute; 1083 right: 0; 1084 width:120px; height:120px; background:#000000; line-height:120px; font-size:16px; border: 1px solid #000000; color: #ffffff; font-size: 16px; text-align: center; 1085 border-radius: 50%; 1086 margin: 40px; 1087 z-index: 7; 1088 } 1089 1090 1091 1092 /** Blog **/ 1093 1094 /******************************************************************/ 1095 /****************** PRODUCT GRID SETTINGS *********************/ 1096
1097 /************************* SQUARE IMAGES IN GRID WITH PADDING **************************/ 1098 1099 /* Settings for image ratio in grid */ 1100 1101 /* START CHECKING FOR SIDEBAR */ 1102 @media (max-width: 575px){ 1103 .img-fit-grid { 1104 height: 95vw; 1105 } 1106 .col-6 .img-fit-grid{ 1107 height: 46vw; 1108 } 1109 } 1110 @media (min-width: 576px) and (max-width: 767px){ 1111 1112 .row .col-12 .img-fit-grid { 1113 height: 95vw; 1114 } 1115 .col-6 .img-fit-grid { 1116 height: 47vw ; 1117 } 1118 } 1119 @media (min-width: 768px) and (max-width: 991px){ 1120 .img-fit-grid { 1121 height: 32vw ; 1122 } 1123 .col-md-3 .img-fit-grid { 1124 height: 24vw; 1125 } 1126 .col-md-6 .img-fit-grid { 1127 height: 48vw; 1128 } 1129 .col-md-12 .img-fit-grid { 1130 height: 98vw; 1131 } 1132 } 1133 @media (min-width: 992px) and (max-width: 1200px){ 1134 .img-fit-grid { 1135 height: 24vw ; 1136 } 1137 .col-lg-4 .img-fit-grid { 1138 height: 32vw; 1139 } 1140 .col-lg-6 .img-fit-grid { 1141 height: 49vw; 1142 } 1143 .col-lg-12 .img-fit-grid { 1144 height: 98vw; 1145 } 1146 } 1147 @media (min-width: 1201px){ 1148 .img-fit-grid { 1149 height: 24vw ; 1150 } 1151 .col-xl-2 .img-fit-grid { 1152 height: 16vw; 1153 } 1154 .col-xl-4 .img-fit-grid { 1155 height: 32vw; 1156 } 1157 .col-xl-6 .img-fit-grid { 1158 height: 49vw; 1159 } 1160 } 1161 @media (min-width: 1601px){ 1162 .img-fit-grid { 1163 height: 23vw ; 1164 max-height: 385px; 1165 } 1166 .col-xl-2 .img-fit-grid { 1167 height: 15vw; 1168 } 1169 .col-xl-4 .img-fit-grid { 1170 height: 30vw; 1171 max-height: 525px; 1172 } 1173 .col-xl-6 .img-fit-grid { 1174 height: 48vw; 1175 max-height: 780px; 1176 } 1177 } 1178 @media (min-width: 1920px){ 1179 .img-fit-grid { 1180 height: 20vw ; 1181 max-height: 385px; 1182 } 1183 .col-xl-2 .img-fit-grid { 1184 height: 13vw; 1185 max-height: 250px; 1186 } 1187 .col-xl-4 .img-fit-grid { 1188 height: 28vw; 1189 } 1190 .col-xl-6 .img-fit-grid { 1191 height: 46vw; 1192 max-height: 780px; 1193 } 1194 } 1195 /**************************************** SQUARE IMAGES IN GRID & NARROW PAGE **************************/ 1196 1197 1198 1199 1200 /**************************************** HORIZONTAL IMAGES IN GRID WITH PADDING **************************/ 1201 /* Use this setting for Liggende bilder */ 1202 1203 1204 /**************************************** HORIZONTAL IMAGES IN GRID & NARROW PAGE **************************/ 1205 1206 1207 /******************************** VERTICAL IMAGES IN GRID WITH PADDING **************************/ 1208 1209 /******************************************************************/ 1210 /**************************************** VERTICAL IMAGES IN GRID & NARROW PAGE **************************/ 1211 1212 1213 /*********************************** PRODUCT PAGE IMAGES **********************************/ 1214 /*********************************** SQUARE PRODUCT IMAGES START ************************/ 1215 /* Settings for image ratio in grid */ 1216 1217 .fit-prod-page { 1218 width: 100%; 1219 height: 50vw; 1220 object-fit: contain; 1221 margin-bottom: 10px; 1222 max-height: 800px; 1223 max-width: 850px; 1224 } 1225 @media (max-width: 425px){ 1226 .fit-prod-page { 1227 height: 100vw; 1228 } 1229 } 1230 @media (min-width: 426px) and (max-width: 575px){ 1231 .fit-prod-page { 1232 height: 98vw ; 1233 } 1234 1235 } 1236 @media (min-width: 576px) and (max-width: 767px){ 1237 .fit-prod-page { 1238 height: 50vw ; 1239 } 1240 .fit-prod-large { 1241 height: 58vw; 1242 } 1243 } 1244 @media (min-width: 768px) and (max-width: 991px){ 1245 .fit-prod-page { 1246 height: 47vw ; 1247 } 1248 .fit-prod-page.fit-prod-page5050 { 1249 height: 50vw ; 1250 } 1251 .fit-prod-large { 1252 height: 58vw; 1253 } 1254 } 1255 @media (min-width: 992px) and (max-width: 1199px){ 1256 .fit-prod-page { 1257 height: 46vw ; 1258 } 1259 .fit-prod-page.fit-prod-page5050 { 1260 height: 50vw ; 1261 } 1262 .fit-prod-large { 1263 height: 70vw; 1264 max-height: 840px; 1265 } 1266 } 1267 @media (min-width: 1200px){ 1268 .fit-prod-page { 1269 height: 47vw; 1270 } 1271 .fit-prod-large { 1272 height: 66vw; 1273 max-height: 840px; 1274 } 1275 } 1276 @media (min-width: 1400px){ 1277 .fit-prod-page { 1278 height: 47vw; 1279 max-height: 760px; 1280 } 1281 .fit-prod-large { 1282 height: 58vw; 1283 max-height: 840px; 1284 } 1285 } 1286 @media (min-width: 1600px){ 1287 .fit-prod-page { 1288 height: 47vw; 1289 max-height: 760px; 1290 } 1291 .fit-prod-large { 1292 height: 51vw; 1293 max-height: 840px; 1294 } 1295 } 1296 @media (min-width: 1920px){ 1297 .fit-prod-page { 1298 height: 47vw; 1299 } 1300 .fit-prod-large { 1301 height: 42vw; 1302 max-height: 850px; 1303 } 1304 } 1305 /* css for product-page with slider */
1306 .fit-prod-page-slide { 1307 width: 100%; 1308 height: 50vw; 1309 object-fit: cover; 1310 margin-bottom: 10px; 1311 max-height: 1025px; 1312 max-width: 1025px; 1313 } 1314 @media (max-width: 425px){ 1315 .fit-prod-page.fit-prod-page-slide { 1316 height: 100vw ; 1317 } 1318 } 1319 @media (min-width: 426px) and (max-width: 575px){ 1320 .fit-prod-page.fit-prod-page-slide { 1321 height: 100vw ; 1322 } 1323 } 1324 @media (min-width: 576px) and (max-width: 767px){ 1325 .fit-prod-page.fit-prod-page-slide { 1326 height: 50vw ; 1327 } 1328 } 1329 @media (min-width: 768px) and (max-width: 991px){ 1330 .fit-prod-page.fit-prod-page-slide { 1331 height: 50vw ; 1332 } 1333 } 1334 @media (min-width: 992px) and (max-width: 1199px){ 1335 .fit-prod-page.fit-prod-page-slide { 1336 height: 65vw ; 1337 } 1338 } 1339 @media (min-width: 1200px){ 1340 .fit-prod-page.fit-prod-page-slide { 1341 height: 64vw ; 1342 } 1343 } 1344 @media (min-width: 1400px){ 1345 .fit-prod-page.fit-prod-page-slide { 1346 height: 64vw ; 1347 } 1348 } 1349 @media (min-width: 1600px){ 1350 .fit-prod-page.fit-prod-page-slide { 1351 height: 64vw; 1352 max-height: 1025px; 1353 } 1354 } 1355 /* START CHECKING FOR SIDEBAR */ 1356 1357 1358 /* If sidebar and narrow page are used */ 1359 /*********************************** SQUARE PRODUCT IMAGES END ****************************/ 1360 1361 /********************************** HORIZONTAL PRODUCT IMAGES START ************************/ 1362 /* Settings for image ratio in grid */ 1363 1364 1365 1366 /********************************* HORIZONTAL PRODUCT IMAGES END *****************************/ 1367 1368 /********************************** VERTICAL PRODUCT IMAGES START ***************************/ 1369 /* Settings for image ratio in grid */ 1370 1371 1372 /********************************* VERTICAL PRODUCT IMAGES END ********************************/ 1373 1374 1375 /* Docked header */ 1376 1377 /************************************ OLD STUFF ****************************************/ 1378 .main_menu, 1379 .wrapper.visible-xs.centered.mobile-logo { background-color: #ffffff; } 1380 1381 /* Megamenu dropdown opacity */ 1382 .blocky.hasChild:hover .level_one { opacity: ; } 1383 1384 /* Megamenu colors*/ 1385 .megamenu, .sticky.is-sticky { background-color: #ffffff; 1386 border-top: 1px solid #ffffff; } 1387 .menu_dropdown, .dropdown-menu.show { background-color: #000000 1388 ; 1389 } 1390 ul.menu_dropdown > li > a { border-right: 1px solid #ffffff; } ul.menu_dropdown > li > a { border-right: 1px solid #ffffff; } 1391 .navbar { 1392 width: 100% !important; 1393 } 1394 1395 .megamenu { 1396 background: #ffffff !important; border-bottom: 1px solid #ffffff!important; } 1397 /* Level 1 */ 1398 /* NEEDS FIX AND CLEANUP. Adding new settings on top */ 1399 #navbarNavDropdown > ul > li.list-inline-item > a, 1400 #navbarNavDropdown > ul > li.list-inline-item > span a, 1401 .nav-link, .menu-cat-text, .menu-hover, 1402 #header_centered_logo_polaria .flat-menu .flat-menu-list a 1403 { color: #000000; } 1404 body #navbarNavDropdown > ul > li.list-inline-item > a:hover, .nav-link:hover, .menu-hover:hover { color: #000000 !important; } 1405 .nav-item.active{ font-weight: 600;} 1406 1407 /* OLD STUFF */ 1408 ul.menu_dropdown > li > a > span { color: #000000; } 1409 ul.menu_dropdown > li:hover > a > span { color: #000000; } 1410 ul.menu_dropdown > li > a > span:hover { color: #000000; } 1411 .cart-mini-icon:hover, .icons-float > .js-search-icon:hover, li.icons-float.js-search-icon:hover { color: #000000; } 1412 .cart-mini-icon, .icons-float > .js-search-icon, li.icons-float.js-search-icon { color: #000000; } 1413 ul.menu_dropdown > li { background-color: #ffffff; } 1414 ul.menu_dropdown > li:hover, 1415 ul.menu_dropdown > li:active, 1416 ul.menu_dropdown > li:focus { background-color: #e1f5f1; } 1417 ul.level_two a { color: #000000; } 1418 1419 /* Level 2, needs to be tested*/ 1420 .dropcontent h4 a, .dropcontent_block h4, .dropcontent_block h5, .dropcontent_block h5 a, .dropdown_head_cat, 1421 .dropdown_sub_head_cat 1422 { color: #363241; } 1423 .dropcontent h4 a:hover, 1424 .dropcontent h4 a:active, 1425 .dropcontent h4 a:focus { color: #363241; } 1426 1427 /* Level 3, needs to be tested*/ 1428 .dropcontent_block > p > a { color: #363241; } 1429 .dropcontent_block > p > a:hover, 1430 .dropcontent_block > p > a:active, 1431 .dropcontent_block > p > a:focus { color: #363241; } 1432 1433 1434 /* Level 2 colors */ 1435 .sub_menu > .outer > div > a > div > div, .sub_menu > a > div > .menu-cat-text, 1436 .menu-cat-text { 1437 color: #ffffff !important; 1438 font-weight: 400 !important; 1439 } 1440 .sub_menu > .outer > div > a > div > div:hover, .sub_menu > a > div > .menu-cat-text:hover, .menu-cat-text:hover { 1441 color: #ffffff !important; 1442 } 1443 .sub_menu > .outer > div > ul div:hover, 1444 .sub_menu > .outer > div > a > div > div:hover, 1445 .menu-cat-text:hover { 1446 } 1447 /* Level 3 colors */ 1448 .sub_menu > .outer > div > ul div { 1449 color: #000000 !important; 1450 } 1451 .sub_menu > .outer > div > a > div > ul div:hover, .sub_menu_desktop .outer .level0 a.menu-hover:hover, body .sub_menu > .outer > div > ul div:hover { 1452 color: #000000 !important; 1453 } 1454 /* Product boxes colors */ 1455 1456 /* Product box border */ 1457 .products_list, .product-box, .crall-search-filter .crall-product-item { border: 1px solid #f0f
14570f0; background-color: #ffffff; } 1458 1459 /* Prices */ 1460 /* Normal */ 1461 .product .product-meta .price, .product-price, .crall-product-item .crall-price .crall-price, .special, .cart-content .cart_bottom_part .not-on-sale { color: #000000; } 1462 1463 /* Before */ 1464 .product .price s, .products_price_old, .cart-old-price s, .cart-page .price-on-special s, body .crall-old-price { color: #989898 !important; } 1465 1466 /* Color on text for discount tag above product box, cart page and cart */ 1467 .special, .cart-content .cart_bottom_part .on-sale, .cart-page .price-on-special span, 1468 .crall-product-item .crall-price .crall-old-price ~ .crall-price, 1469 #cart-page .total_discount.boldtext, 1470 body #cqty .price-on-special span 1471 { color: #eb5333 !important; } 1472 1473 1474 /* News badge */ 1475 .news_tag { 1476 color: #555555; 1477 background: #fbfbfb; 1478 } 1479 1480 /* Product title */ 1481 .product a.title, .product .product-meta .title, .manufacturers, .crall-product-name a { color: #363241 !important; padding: 0;} 1482 .product a.title:hover, .product .product-meta .title:hover, .manufacturers:hover, .crall-product-name a:hover { color: #363241 !important;} 1483 1484 /* Attributs */ 1485 .attribute_info_container { 1486 background: #000000 !important; 1487 opacity: 0.5 !important; 1488 } 1489 .attribute_info_container .attribute_info_header, .attribute_info_container .attribute_info_content { 1490 color: #ffffff !important; 1491 background: transparent !important; 1492 font-size: 12px !important; 1493 } 1494 1495 1496 /* Product Box Discount Color */ 1497 div .special_tag, body div.crall-wrapper .crall-slide .crall-banner > div { 1498 color: #ffffff; 1499 background: #eb5333 !important; 1500 text-align: center; 1501 display: flex; 1502 justify-content: center; 1503 align-items: center; 1504 } 1505 1506 1507 .product-page div .special_tag { 1508 position: absolute; 1509 right: 30px; 1510 top: 30px; 1511 background: red; 1512 } 1513 1514 1515 /* Product Box Set logo height / size and position */ 1516 .product-box .manufacturer-box img { 1517 max-height:60px !important; 1518 max-width:60px !important; 1519 } 1520 1521 /* Product Boxes Quick View Style*/ 1522 div .quick_view { 1523 background: #000000; 1524 color: #ffffff 1525 } 1526 div .quick_view span { 1527 font-size: 10px; 1528 } 1529 div .quick_view i { 1530 font-size: 16px; 1531 } 1532 1533 /* Productpage percentage discount color */ 1534 #productdiscount{ 1535 color: #ffffff; 1536 background: #eb5333 !important; 1537 padding: 5px; 1538 } 1539 1540 /* Footer colors */ 1541 #footer { background-color: #f8f8f8; } 1542 #footer { color: #212529; } 1543 #footer a:link, 1544 #footer a:visited { color: #212529; } 1545 #footer a:hover, 1546 #footer a:active, 1547 #footer a:focus { color: #212529; } 1548 #footer .footer_social_icon, #footer .footer_social_icon i { font-family: 'FontAwesome' !important;} 1549 #footer .footer_social_icon i { 1550 color:#000 !important;} 1551 } 1552 1553 1554 h1, h1.product-title-v1, .clerkheader, a .bannerheadercolor, .form_wrapper h3 { 1555 color: #000000 ; 1556 } 1557 h1.title,h3.title, 1558 .clerkplaceholder > h3.clerkheader { 1559 font-size: 1.8em; 1560 } 1561 .product-buy-header > h1 { 1562 font-size: 1.8em; 1563 } 1564 @media (max-width: 768px) { 1565 h1.title,h3.title, 1566 .clerkplaceholder > h3.clerkheader { 1567 font-size: 1.6rem; 1568 } 1569 } 1570 @media(min-width: 1025px) { 1571 h1.product-title-v1 { 1572 font-size: 1.8em; 1573 } 1574 } 1575 1576 .container > h3.clerkheader { 1577 font-weight: 100; 1578 text-transform: none; 1579 } 1580 1581 /* General color settings */ 1582 /*Top Menu*/ 1583 1584 .topmenu-buttons { 1585 color: #212529; 1586 } 1587 .topmenu-buttons:hover { 1588 color: #212529; 1589 } 1590 1591 /* Add borde width and color and fix overlapping */ 1592 1593 /*.menu-grid { 1594 border-color: #efefef; 1595 border-width: 1px !important; 1596 }*/ 1597 #overlay-menu .__mob_menu_wrapper { 1598 border: 1px solid #000; 1599 padding: 0; 1600 border-color: #efefef; 1601 border-width: 1px !important; 1602 border-bottom: none;
1603 border-right: none; 1604 1605 } 1606 #overlay-menu .__mob_menu_wrapper .menu-grid { 1607 border-left: none; 1608 border-right: none; 1609 border-bottom: 1px solid #efefef; 1610 } 1611 #overlay-menu .__mob_menu_wrapper .menu-grid:nth-child(3n + 2 ) { 1612 border-left: 1px solid #efefef; 1613 border-right: 1px solid #efefef; 1614 } 1615 #overlay-menu .__mob_menu_wrapper .menu-grid:nth-child(3n + 3 ) { 1616 border-right: 1px solid #efefef; 1617 } 1618 #overlay-menu .__mob_menu_wrapper .menu-grid span, #overlay-menu .__mob_menu_wrapper .menu-grid a, #overlay-menu .__mob_menu_wrapper .menu-grid i { 1619 color: #212529 !important; 1620 } 1621 1622 1623 .flex-container .topmenu-buttons i, #mobile_header div > a i, .menu__elem > p, .menu-grid a, .menu-list a, .menu-links a, .cat-header, .menu__text, .menu-links-text, 1624 .has-child .fa-plus, .menu-grid-img > .fa-plus, svg.fa-fake { 1625 1626 color: #ffffff !important; 1627 } 1628 .flex-container .topmenu-buttons:hover i, #mobile_header div > a i { 1629 border-color: !important; 1630 } 1631 1632 body #mobile_header, .mobile-navbar { 1633 background-color: #000000; 1634 } 1635 1636 .menu-grid { 1637 height: 75px; 1638 border-width: 1px; 1639 } 1640 .mob-icons-text { 1641 /*height: 3em; */ 1642 line-height: 1.5em; 1643 overflow: hidden; 1644 } 1645 1646 /* Top Line - Slogans colors */ 1647 .slogans-mobile { 1648 background: #000000 !important; 1649 } 1650 .slogans-mobile .mobile_slogan * { 1651 color: #ffffff !important; 1652 } 1653 div .slogans { 1654 background: #000000 !important; 1655 color: #ffffff !important; 1656 } 1657 div .slogans a { 1658 color: #ffffff !important; 1659 } 1660 .mobile_slogan, .mobile_slogan i { 1661 color: #ffffff !important; 1662 } 1663 div .slogans li a, .request_quantity_num, .mobile_slogan, .mobile_slogan i { 1664 color: #ffffff !important; 1665 } 1666 div .slogans li a:hover, .request_quantity_num.hover, .mobile_slogan:hover { 1667 color: #ffffff !important; 1668 } 1669 .form_wrapper div > span, .form_wrapper div > span:hover { 1670 color: #212529 !important; 1671 } 1672 /* Buttons */ 1673 body .bundle-product-page-button--complete > #addToShoppingCart, 1674 .product_box_button form .button, 1675 .button .button, 1676 .form_wrapper .request_quantity button, 1677 .main_menu .checkout-cart .btn, 1678 #cartDrawer .cart_button a, 1679 .crall-product-item .crall-buy, 1680 .account-pages .btn-account, 1681 .account-pages .btn-default-1, 1682 .login-page .btn-default, 1683 .add2cart button, .btn-default, .btn-default-1, .account_consents-page article button, 1684 .index-page .latest_from_blog_row .__read_more_blog span, 1685 .__read_more_blog span, 1686 .related-products-tag .button { 1687 background-color: #000000 !important; 1688 color: #ffffff !important; 1689 border-color: #000000 !important; 1690 1691 } 1692 .index-page .latest_from_blog_row .__read_more_blog span { 1693 border: 2px solid #000000 !important; 1694 } 1695 .product_box_button form .button { 1696 border: 1px solid transparent; 1697 padding: .375rem .75rem; 1698 } 1699 .product_box_button form { 1700 text-align: center; 1701 } 1702 .product_box_button form a { 1703 display: inline-block; 1704 height: 40px; 1705 line-height: 30px; 1706 min-width: 160px; 1707 } 1708 1709 body .bundle-product-page-button--complete > #addToShoppingCart:hover, 1710 body .bundle-product-page-button--complete > #addToShoppingCart:active, 1711 body .bundle-product-page-button--complete > #addToShoppingCart:focus, 1712 .product_box_button form .button:hover, 1713 .product_box_button form .button:active, 1714 .product_box_button form .button:focus, 1715 .account_consents-page article button:hover, 1716 .account_consents-page article button:active, 1717 .account_consents-page article button:focus, 1718 .button .button:hover, 1719 .button .button:active, 1720 .button .button:focus, 1721 .form_wrapper button:hover, 1722 .form_wrapper button:active, 1723 .form_wrapper button:focus, 1724 .add2cart button:hover, 1725 .add2cart button:active, 1726 .add2cart button:focus, 1727 .product_box_button button:hover, 1728 .product_box_button button:active, 1729 .product_box_button button:focus, 1730 .login-page .btn-default:hover, 1731 .login-page .btn-default:focus, 1732 .login-page .btn-default:active, 1733 .account-pages .btn-account:hover, 1734 .account-pages .btn-account:active, 1735 .account-pages .btn-account:focus, 1736 .account-pages .btn-default-1:hover, 1737 .account-pages .btn-default-1:active, 1738 .account-pages .btn-default-1:focus, 1739 .main_menu .checkout-cart .btn:hover, 1740 .main_menu .checkout-cart .btn:active, 1741 #cartDrawer .cart_button a:hover, 1742 #cartDrawer .cart_button a:active, 1743 #cartDrawer .cart_button a:focus, 1744 .main_menu .checkout-cart .btn:focus, 1745 .btn.btn-default-1.active, 1746 .btn.btn-default-1.active .fa-smile, 1747 .crall-product-item .crall-buy:hover, 1748 .crall-product-item .crall-buy:focus, 1749 .crall-product-item .crall-buy:active, 1750 .index-page .latest_from_blog_row .__read_more_blog span:hover, 1751 .index-page .latest_from_blog_row .__read_more_blog span:focus, 1752 .index-page .latest_from_blog_row .__read_more_blog span:active, 1753 .related-products-tag .button:hover, 1754 .related-products-tag .button:focus, 1755 .related-products-tag .button:active 1756 1757 { 1758 background-color: #000000 !important; 1759 color: #ffffff !important; 1760 1761 } 1762 .index-page .latest_from_blog_row .__read_more_blog span { 1763 padding: 8px; 1764 } 1765 .lates_blog_image_wrapper { 1766 min-height: 140px; 1767 } 1768 .index-page .lates_blog_wrapper h6 { 1769 font-size:16px !important; 1770 } 1771 .index-page .lates_blog_wrapper p { 1772 min-height: 124px; 1773 } 1774 /* Fonts */ 1775 /* Megamenu font-size */ 1776 body .crall-slide .crall-product-item .crall-product-name, body .crall-price, .crall-product-name { 1777 text-align: center !important; 1778 } 1779 .nav-link { font-size: 15px; } 1780 .dropcontent_block, .dropdown_head_cat, .menu-cat-text { font-size: 1rem; } 1781 .dropcontent_block > p, .dropdown_sub_head_cat, .dropdown-menu .has-subchild .no-sub .menu-cat-text { font-size: 1rem; } 1782 ul.menu_dropdown > li > a, .nav-link, .menu-cat-text { text-transform: uppercase !important; } 1783 1784 /* Product title */ 1785 .product a.title, .clerk-list-item .name a, .crall-product-name a { font-size: 18px !important; } 1786 .product a.title, .clerk-list-item .name a, .logo-tag, .discount-corner-v2, .crall-product-name a { text-transform: none !important; } 1787 1788 /* Headers */ 1789 h1.title,h3.title, .clerkplaceholder > h3.clerkheader, .navbar-nav li a, .navbar-nav li a span { text-transform: uppercase!important; } 1790 h1.title,h3.title, .clerkplaceholder h3.clerkheader, p.title, h2.title, h6.title { 1791 font-weight: lighter; 1792 text-align:center !important; 1793 } 1794 1795 h2.title, h6.title { 1796 font-size: 2rem !important;; 1797 } 1798 .text-adjust { 1799 text-align:center !important; 1800 } 1801 @media(max-width: 575px){ 1802 .text-adjust-sm, h1.product-title-v1 { 1803 text-align:center !important; 1804 } 1805 } 1806 /***************************** PRODUCT BOXES ******************/ 1807 .product_box_title_row { 1808 height: 3.2rem; 1809 overflow: hidden; 1810 } 1811 1812 .products_list a { 1813 color: ; 1814 } 1815 .products_list a:hover { 1816 color: ; 1817 } 1818 .product_quantity > a { 1819 display: inline-block; 1820 padding: 6px; 1821 background: #fff; 1822 min-width: 33px; 1823 text-align: center; 1824 border: 1px solid #c7c7c7; 1825 border-radius: 3px; 1826 } 1827 /*** Main Banner, A - arrows style && Product page slider arrows ***/ 1828 .index-page .swiper-button-prev.swiper-button-white, .index-page .swiper-container-rtl .swiper-button-next.swiper-button-white, .index-page .swiper-button-next.swiper-button-white { 1829 background-image: none !important; 1830 } 1831 .index-page .swiper-button-prev i, .index-page .swiper-button-next i { 1832 font-family: 'Font Awesome 5 Pro' !important; 1833 line-height: 44px; 1834 font-size: 60px !important; 1835 font-weight: light !important; 1836 color: #000000 !important; 1837 } 1838 .swiper-button-next { 1839 right: 30px; 1840 } 1841 1842 1843 .product-page .swiper-container .swiper-button-next, .product-page .swiper-container .swiper-button-prev { 1844 background-image: none !important; 1845 outline: none; 1846 font-size: 40px !important; 1847 1848 color: #000000 !important; 1849 } 1850 /**** H banners, align heading option ****/ 1851 .bannersH #banner_h_one_four_one_header { 1852 text-align: left !important; 1853 } 1854 .bannersH #banner_h_one_four_two_header { 1855 text-align: left !important; 1856 } 1857 .bannersH #banner_h_one_four_three_header { 1858 text-align: left !important; 1859 } 1860 .bannersH #banner_h_one_four_four_header { 1861 text-align: left !important; 1862 } 1863 1864 /**** G banners, align heading option ****/ 1865 #banner_g_one_four_one_header{ 1866 text-align: left !important; 1867 } 1868 #banner_g_one_four_two_header{ 1869 text-align: left !important; 1870 } 1871 #banner_g_one_four_three_header { 1872 text-align: left !important; 1873 } 1874 #banner_g_one_four_four_header { 1875 text-align: left !important; 1876 } 1877 /******************** Index Banner A slider ************************/ 1878 .swiper-slide a, a .slider-header { 1879 color: #000000; 1880 text-align: center; 1881 } 1882 /* Adding bg color to banner text */ 1883 #bannerBTwo, #bannerBOne, #bannerB2Three, #bannerB2Four { 1884 padding: 6px !important; 1885 } 1886 /** Search Options **/ 1887 #overlay-search { 1888 background: rgba(0,0,0,0) !important; 1889 } 1890 #overlay-search .search-input, 1891 { 1892 border: 1px solid #000000 !important; 1893 border-radius: px !important; 1894 background: #ffffff !important; 1895 } 1896 1897 .header__row #quick_find_search .form-control, 1898 .header__row #quick_find_search .search-icon { 1899 border: 1px solid #cacaca !important; 1900 background: #ffffff !important; } 1901 .header__row #quick_find_search .search-icon { 1902 border: none !important; 1903 } 1904 .form-control.js-input-search::placeholder { 1905 color: #000000 !important; 1906 } 1907 .form-control.js-input-search { 1908 color: #000000; 1909 } 1910 .input-group-btn i { 1911 color: #000000 !important; 1912 } 1913 /******************* /Index Banner A slider ************************/ 1914 1915 /******************* /Index Banner F slider ************************/ 1916 1917 /******************** Crall ************************/ 1918 1919 #overlay-search .crall-search-result-wrapper { 1920 top:46px!important; 1921 } 1922 1923 .crall-search-filter .crall-product-item { 1924 margin: 0px 10px 10px 10px; 1925 } 1926 /******************* /Crall ************************/
1927 /** Brands Background Color **/ 1928 body .brand-card { 1929 background: #ffffff; 1930 } 1931 body .cat_banner_image:before { 1932 background: #ffffff; 1933 opacity: 0.5; 1934 } 1935 /** Category Description Colors **/ 1936 .category-page .extra-info > *:not(.crl), 1937 .category-page .extra-info > *:not(.crl) * { 1938 color:#000000; 1939 } 1940 .category-page .extra-info a:not(.crl-button) { 1941 color:#0d25ce !important; 1942 } 1943 1944 /** Category Boxes Color **/ 1945 .categories-images .cat-sub-head .cat-head-text { 1946 color: #ffffff; 1947 background: #ffffff; 1948 opacity: 0.5; 1949 border-radius: 8px; 1950 display: inline-block; 1951 padding: 10px 20px; 1952 } 1953 .categories-images:hover .cat-sub-head .cat-head-text { 1954 color: #ffffff 1955 } 1956 /** NEwsletter Button Color **/ 1957 .newsletter-box .newsletter-btn .btn { 1958 background: #000000; 1959 border-color: #000000; 1960 color: #ffffff; 1961 } 1962 .newsletter-box .newsletter-btn .btn:hover { 1963 background: #000000; 1964 border-color: #000000; 1965 color: #ffffff; 1966 } 1967 /** Cart Buttons **/ 1968 .empty .btn-info, .btn-info { 1969 background: #000000; 1970 color:#ffffff; 1971 border-color: #000000 !important; 1972 } 1973 .empty .btn-info:hover, .btn-info:hover { 1974 background: #000000; 1975 color:#ffffff; 1976 border-color: #000000 !important; 1977 } 1978 .cart-actions .buy-button .buy-button-cart, 1979 .mob-menu .btn-buy-button, 1980 .pay-button .btn, 1981 #cart-page .btn-purchase, 1982 div.popup_wrapper .right_part a { 1983 background: #000000; 1984 color:#ffffff; 1985 border: 1px solid #000000 !important; 1986 } 1987 .cart-actions .buy-button .buy-button-cart:hover, 1988 .pay-button .btn:hover, 1989 #cart-page .btn-purchase:hover, 1990 div.popup_wrapper .right_part a:hover { 1991 background: #000000; 1992 color:#ffffff; 1993 border-color: #000000; 1994 -webkit-transition: none !important; 1995 -moz-transition: none !important; 1996 -o-transition: none !important; 1997 transition: none !important; 1998 } 1999 .cart-actions .buy-button .close-cart-button, 2000 body div.popup_wrapper .button .action_button { 2001 background: #dadfe1 !important; 2002 color:#000000 !important; 2003 } 2004 .cart-actions .buy-button .close-cart-button:hover, 2005 body div.popup_wrapper .button .action_button:hover { 2006 background: #c1c1c1 !important;; 2007 color:#000000 !important;; 2008 } 2009 body .delete-cart { 2010 background: #f3a433; 2011 } 2012 body .delete-cart i, body .delete-cart span { 2013 color:#ffffff; 2014 } 2015 body .mega-cart-icon .cart-counter, body .cart-counter { 2016 background: #000000; 2017 color: #ffffff; 2018 border-color: #000000; 2019 } 2020 body .mega-cart-icon:hover .cart-counter, body .cart-counter:hover { 2021 background: #000000; 2022 color: #ffffff; 2023 border-color: #000000; 2024 } 2025 2026 /** PopUp For Cart Info(add to cart) style */ 2027 .addtocart_popup { 2028 position: fixed; 2029 background: #fff; 2030 z-index: 9; 2031 box-shadow: 0 0 40px -30px; 2032 transition-timing-function: ease; 2033 -webkit-transition-timing-function: ease; 2034 -webkit-transition: all 1s; 2035 transition: all 1s; 2036 } 2037 2038 @media (min-width: 993px){ 2039 .addtocart_popup { 2040 top: -330px; 2041 right: -400px; 2042 border-radius: 50%; 2043 width: 400px; 2044 height: 400px; 2045 } 2046 .addtocart_popup.addtocart_popup_animation { 2047 top: -140px; 2048 right: -140px; 2049 } 2050 .addtocart_popup h6 { 2051 position: absolute; 2052 bottom: 12%; 2053 right: 50%; 2054 text-transform: uppercase; 2055 width: 120px; 2056 } 2057 .addtocart_popup i { 2058 padding: 28px; 2059 border-radius: 50%; 2060 position: absolute; 2061 left: 20%; 2062 bottom: 34%; 2063 font-size: 46px; 2064 } 2065 } 2066 2067 .addtocart_popup i { 2068 background:#97cece !important; 2069 color:#000000 !important; 2070 } 2071 2072 #sort-dropdown-wrapper-3 { 2073 display: none !important; 2074 } 2075 2076 @media (max-width: 992px){ 2077 .addtocart_popup { 2078 bottom: -230px; 2079 right: 0; 2080 width: 100%; 2081 height: 120px; 2082 } 2083 .addtocart_popup.addtocart_popup_animation { 2084 bottom: 77px; 2085 right: 0px; 2086 } 2087 .addtocart_popup h6 { 2088 width: 100%; 2089 margin-top: 80px; 2090 text-align: center; 2091 } 2092 .addtocart_popup i { 2093 background: #97cece; 2094 padding: 28px; 2095 position: absolute; 2096 left: 50%; 2097 margin-left: -54px; 2098 top: -52px; 2099 font-size: 46px; 2100 border-radius: 50%; 2101 border: 10px solid #fff; 2102 } 2103 2104 2105 #sort-dropdown-wrapper-3 { 2106 display: block !important; 2107 float: none; 2108 width: 100%; 2109 padding: 0 10px; 2110 margin-bottom: 15px; 2111 } 2112 #sort-dropdown-wrapper-3 .fs-dropdown { 2113 margin-top: 0; 2114 max-width: 490px; 2115 margin: 0 auto 20px auto; 2116 } 2117 #sort-dropdown-wrapper-3 .fs-dropdown button { 2118 border-radius: 0; 2119 } 2120 .js-filter-mobile { 2121 margin-bottom: 0 !important; 2122 } 2123 2124 2125 #sort-select-3 { 2126 display: block; 2127 float: none; 2128 width: 100%; 2129 text-indent: 10px; 2130 } 2131 .filter-wrapper > .js-filter-tags { 2132 display: none !important; 2133 } 2134 2135 } 2136 .open-search-field #overlay-search { 2137 width: 100%; 2138 } 2139 .main-page-section { 2140 max-width: 100%; 2141 } 2142 2143 /** Custon Tag/Ribbon style **/ 2144 .custom_ribbon { 2145 position: absolute; 2146 top: 0; 2147 z-index: 999; 2148 justify-content: center; 2149 margin: 10px; background: #000000; color: #ffffff; left: 0; padding: 10px; 2150 border-radius: 0px; } 2151 /**** Video Banner Style Settings ****/ 2152 2153 /*Button Options*/ 2154 #fullwidth-video-banner p > a { 2155 transition: all .3s; 2156 } 2157 #fullwidth-video-banner p > a:hover { 2158 }
2159 /*Background Option*/ 2160 #fullwidth-video-banner .container > div { 2161 } 2162 /*Text Options*/ 2163 #fullwidth-video-banner > .container h1 { 2164 } 2165 #fullwidth-video-banner > .container p { 2166 } 2167 2168 /* CartButton Color options */ 2169 #cart-page .company-button > input { 2170 background: #000000 !important; 2171 2172 color: #ffffff !important; 2173 2174 border-color: #ffffff !important; 2175 } 2176 2177 #cart-page .company-button > input:hover { 2178 background: #000000 !important; 2179 2180 color: #ffffff !important; 2181 2182 border-color: #ffffff !important; 2183 } 2184 2185</style> 2186 2187<style> 2188 /***Cart Image and Text Settings ***/ 2189 body .slide_in_cart_mobile .img-cart .img-cart { 2190 max-height: 40px !important; 2191 height: auto; 2192 width: auto; 2193 } 2194 @media (max-width: 992px){ 2195 .cart_bottom_part { 2196 padding: 5px 5px 25px 5px; 2197 } 2198 .cart-content.additional-crall > .container { 2199 overflow-x: visible !important; 2200 } 2201 } 2202 .cart-content .shippment_calc_main_wrapper { 2203 display: block !important; 2204 } 2205 2206 .product-cart-row > .col-5 { 2207 max-width: 70px; 2208 } 2209 @media (max-width: 600px){ 2210 .product-cart-row > .col-5 { 2211 max-width: 70px !important; 2212 } 2213 } 2214 .product-cart-row > .col-5 .img-cart { 2215 max-width: 100%; 2216 margin-left: 0 !important; 2217 object-fit: contain; 2218 height: auto !important; 2219 margin-right: 0 !important; 2220 text-align: center; 2221 } 2222 .product-cart-row > .col-7 { 2223 flex-grow: 1; 2224 max-width: none; 2225 } 2226 .cart-price { 2227 margin-top: 0; 2228 } 2229 .cart-selector { 2230 margin-top: 0; 2231 margin-left: -15px; 2232 } 2233 body .cart-prod-title { 2234 font-size: 14px !important; } 2235 body .cart-price { 2236 font-size: 14px !important;} 2237 2238 2239 2240 @media (max-width: 992px) { 2241 .js-filter-box .checkbox label:before { 2242 display: none ; 2243 } 2244 } 2245 2246 </style> 2247<!-- Cart Slide In --> 2248 2249<style> 2250 2251 2252 /** CLUB PRICE STYLE ** 2253 /* Product box */ 2254 .product .club-price-category { 2255 background: #e38435; 2256 color: #ffffff; 2257 top: 36px; 2258 } 2259 2260 .product .club-price-category:before { 2261 border: none; 2262 } 2263 2264 .product .__club_price .special { 2265 display: block; 2266 padding: 0; 2267 } 2268 2269 .product .product-meta .__club_price s { 2270 text-decoration: none; 2271 color: #000 !important; 2272 font-size: 18px !important; 2273 } 2274 2275 .product .__club_price .special { 2276 color: #e38435 !important; 2277 font-size: 14px; 2278 } 2279 .product .__not_logged .__club_price .special { 2280 font-size: 15px !important; 2281 } 2282 .product .__club_price .special.normalize-price { 2283 font-size: 1.10rem; 2284 font-weight: bold; 2285 } 2286 .product .__club_price .special.normalize-price-alt { 2287 display: inline; 2288 font-size: 1.10rem; 2289 font-weight: bold; 2290 } 2291 .__club_price_simple_style .special { 2292 color: #e38435 !important; 2293 } 2294 .product .__club_price_simple_style .justify-between, 2295 .product .__club_price .justify-between { 2296 justify-content: space-between; 2297 display: flex; 2298 } 2299 /*.product .__club_price .special:before { 2300 content: "Medlemsprise: "; 2301 }*/ 2302 2303 .__ribbon_inside .product .club-price-category { 2304 top: 0 !important; 2305 display: inline-block; 2306 right: 5px !important; 2307 left: auto; 2308 position: absolute; 2309 z-index: 1; 2310 font-weight: regular; 2311 } 2312 2313 .__productbox_with_club_price .price { 2314 min-height: 62px; 2315 } 2316 2317 .club-price-category { 2318 padding: 5px 10px !important; 2319 } 2320.product .discount-corner, .discount-corner, body .crall-wrapper .crall-slide .crall-banner, 2321.__ribbon_inside .product .club-price-category { 2322 font-size: 14px !important; 2323 } 2324 2325 @media ( max-width: 500px) { 2326 .__ribbon_inside .product .club-price-category { 2327 padding: 5px 10px !important; 2328 font-weight: normal !important; 2329 font-size: 12.8px !important; 2330 } 2331 } 2332 /* Produt Page regular price */ 2333 .product-page .prices { 2334 padding: 0; 2335 } 2336 2337 /* Product Page */ 2338 #add2cart .club-price-wrapper .prices { 2339 padding-bottom: 0; 2340 } 2341 2342 #add2cart .club-price, .info_wrapper .club_price { 2343 color: #e38435; 2344 background: transparent; 2345 display: block; 2346 padding: 0; 2347 margin: 0; 2348 font-weight: bold; 2349 font-size: 18px; 2350 } 2351 2352 2353
2354 .club-price-wrapper .prices, .members-club-price-wrapper .prices { 2355 float: none; 2356 padding: 0; 2357 } 2358 2359 2360 2361 .members-club-price-wrapper .member_only { 2362 color: #3333337a !important; 2363 font-size: 16px !important; 2364 text-decoration: line-through; 2365} 2366 2367 2368 .customer-club { 2369 padding: 20px !important; 2370 } 2371 2372 .customer-club-header { 2373 display: none; 2374 } 2375 2376 .members-club-price-wrapper .prices .products_price { 2377 color: #e38435 !important; 2378 background: transparent; 2379 display: block; 2380 padding: 0; 2381 margin: 0; 2382 font-weight: bold; 2383 2384 } 2385 2386 .customer-club-content .customer-club-sign-up, 2387 .customer-club-slide .customer-club-accept { 2388 background: #4a84ba !important; 2389 color: #ffffff !important; 2390 border-bottom: 3px solid #00000033 !important; 2391 cursor: pointer; 2392 } 2393 2394 #customer-club-logged-out .customer-club-abort, .customer-club-slides input[type="checkbox"], 2395 .customer-club-checkbox a { 2396 cursor: pointer; 2397 } 2398 /*.members-club-price-wrapper .products_price:before { 2399 content: "Medlemsprise: "; 2400 }*/ 2401 2402 .short_info_wrapper .special-ending-in { 2403 background: #000000; 2404 color: #ffffff; 2405 display: inline-block; 2406 padding: 8px; 2407 } 2408 .short_info_wrapper .special-ending-in b span { 2409 margin: 0 4px; 2410 } 2411 @media only screen and (max-width: 600px) { 2412 .short_info_wrapper { 2413 text-align: center; 2414 } 2415 } 2416</style> 2417<style> 2418 @media only screen and (max-width: 500px) { 2419 body #countdown-container h4 { 2420 margin-right: 0px !important; 2421 } 2422 2423 #countdown-container .row { 2424 padding-bottom: 0; 2425 } 2426 2427 #countdown-container .row .date-element { 2428 text-align: center; 2429 padding: 0px; 2430 } 2431 2432 body #countdown-container .row div div { 2433 line-height: 18px; 2434 } 2435 2436 body #countdown-container .button__countdown { 2437 display: none; 2438 } 2439 } 2440 2441 @media only screen and (max-width: 1024px) { 2442 #countdown-container.mobile__class__only { 2443 margin-top: 50px; 2444 } 2445 #countdown-container .row { 2446 padding: 16px; 2447 } 2448 #countdown-container .row .date-element, #countdown-container .button__countdown { 2449 margin-right: 0 !important; 2450 } 2451 #countdown-container .button__countdown { 2452 display: block; 2453 width: 100%; 2454 text-align: center; 2455 } 2456 } 2457 @media only screen and (max-width: 600px) { 2458 #countdown-container h4 { 2459 margin-right: 20px !important; 2460 } 2461 } 2462</style> 2463 2464<style> 2465 body .nav-tabs .nav-item.show .nav-link, body .nav-tabs .nav-link.active, body .nav-link.active:hover, .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover { 2466 border-bottom:3px solid #000000 !important; 2467 } 2468 body .nav-tabs { 2469 border-bottom:3px solid #f8f8f8; 2470 } 2471 #tabs .nav-item .nav-link { 2472 color:#000000 !important; 2473 } 2474 #tabs .nav-item .nav-link:hover { 2475 color:#000000 !important; 2476 } 2477 #bottom-menu .exclude_tax.active, #bottom-menu .include_tax.active { 2478 font-weight: bold !important; 2479 } 2480 2481 2482 /* Fix for CartV2 shipment countdown */ 2483 #shipment-countdown-cart .mobile-only .shippment_calc_main_wrapper { 2484 display: block !important; 2485 } 2486 .popup_wrapper .mobile-only .shippment_calc_main_wrapper { 2487 display: block !important; 2488 } 2489 /* ENDOF: Fix for CartV2 shipment countdown */ 2490 2491 /***** TEMP fix cart page elements *****/ 2492 @media (max-width: 600px) { 2493/* Cart GRID align 2494 .cartbox > #cqty > div > .row { 2495 display: grid; 2496 grid-template-areas: "image description" "image quantityAndPrice"; 2497 } 2498 .cartbox > #cqty > div > .row > div{ 2499 grid-area: quantityAndPrice; 2500 margin: 0 !important; 2501 } 2502 2503 .cartbox > #cqty > div > .row > .cartimagebox{ 2504 grid-area: image; 2505 } 2506 2507 .cartbox > #cqty > div > .row > .cartdescription{ 2508 grid-area: description; 2509 padding-left: 0; 2510 } 2511 .cartquantity > .inputQuantity { 2512 width: 42px !important; 2513 } 2514 .cartquantity > .update-quantity { 2515 padding: 10px !importan; 2516 } 2517 .multiply-txt { 2518 display: none; 2519 } 2520 .cartbox > #cqty .producttotal { 2521 margin-left: 15px; 2522 margin-right: 4px; 2523 }*/ 2524} 2525 </style> 2526<style> 2527 /* UPS on product page Font size */ 2528 .product-page .usp_wrapper p, .product-page .usp-row p, 2529 .product-page .usp_wrapper span, .product-page .usp-row span { 2530 font-size:16px; 2531 font-weight: bold !important; 2532 } 2533 .product-page .usp_wrapper i, .product-page .usp-row i { 2534 font-size:16px !important; 2535 2536 } 2537 2538 /** Show only 2 latest post on index page **/ 2539 2540 #scroller-content { 2541 padding-bottom: 80px; 2542 } 2543 .mobile_shipping_wrapper { 2544 background: #f9f9f9 !important; 2545 } 2546 2547 #freeShippingBar { 2548 background: #f9f9f9 !important; 2549 } 2550 .freeShippingWrapper > span { 2551 color: #000000 !important; 2552 } 2553 #overlay-cart .cart-container .mobile_shipping_progress, #overlay-cart .cart-container .shippment_pprogress_bar { 2554 background: linear-gradient(90deg,#000000 0, #000000 100%) !important; 2555 } 2556 #freeShippingBar #myProgress { 2557 background: linear-gradient(90deg,#000000 0, #000000 100%) !important; 2558 } 2559 body .mobile_shipping_wrapper ~ div.info_wrapper span, .mobile_shipping_wrapper ~ div.info_wrapper h2 { 2560 color: #000000 !important; 2561 font-size: 12px !important; 2562 } 2563 2564 .mobile-only .mobile_shipping_wrapper ~ div.info_wrapper h2, 2565 .mobile-only .mobile_shipping_wrapper ~ div.info_wrapper h2 span { 2566 color: #000000 !important; 2567 } 2568 2569 2570 2571 .mobile-only .success .mobile_shipping_wrapper ~ div.info_wrapper h2, 2572 .mobile-only .success .mobile_shipping_wrapper ~ div.info_wrapper h2 span { 2573 color: #d7d7d7 !important; 2574 } 2575 2576 #mobile_header .navbar-nav .col.menu { 2577 padding: 0 !important; 2578 } 2579 #mobile_header .navbar-nav .col.menu p { 2580 font-size: 10px !important; } 2581 2582 2583 .main_menu .logo__wrapper {
2584 align-self: center; 2585 } 2586 @media (max-width: 500px) { 2587 .cat_info_box.filter-select p a img { 2588 width: 100% !importnat; 2589 height: auto; 2590 } 2591 } 2592 @media (max-width: 420px) { 2593 .slide_in_cart_mobile { 2594 width: 100% !important; 2595 } 2596 } 2597 2598 .has-img .menu-hover .img-desktop-menu { 2599 } 2600 2601 .has-img .menu-hover .img-desktop-menu ~ .menu-cat-text { 2602 text-align: left; 2603 } 2604 .fa-cart:before { 2605 content: "\f07a"; 2606 } 2607 .header__row { 2608 display: flex !important; 2609 } 2610 .logo__wrapper { 2611 order: 2 !important; 2612 } 2613 .__serach_wrapper { 2614 order: 1 !important; 2615 } 2616 .__header_icons_wrapper { 2617 order: 3 !important; 2618 } 2619 .menu-desktop { 2620 display: flex !important; 2621 justify-content: center !important; 2622 } 2623 .menu-desktop .navbar { 2624 width: auto !important; 2625 } 2626 .logo__wrapper { 2627 justify-content: center !important; 2628 } 2629 2630 2631 .product-page .product.description p a, .card-body p a { 2632 color: #000000 !important; 2633 } 2634 2635 .mega-icons svg { 2636 height: 32px !important; 2637 } 2638</style> 2639<style> 2640 /* Blog Heading / index page*/ 2641 .index-page .latest_from_blog_row .lates_blog_wrapper h6 { 2642 font-size:16px !important; 2643 } 2644 2645 @media (max-width: 992px){ 2646 2647 .vertical_images { 2648 display: block !important; 2649 } 2650 2651 .vertical_images #slider.swiper-container-vertical { 2652 padding: 0 !important; 2653 } 2654 .product-page .sl_favorite { 2655 /*top: 0 !important;*/ 2656 } 2657 } 2658 2659 @media (max-width: 500px){ 2660 2661 .index-page .latest_from_blog_row .lates_blog_wrapper h6 { 2662 font-size:16px !important; 2663 } 2664 } 2665 2666 .attach-to-bottom { 2667 margin-bottom: 76px !important; 2668 } 2669 #overlay-cart { 2670 max-height: calc(100vh - 76px); 2671 height: calc(100vh - 76px); 2672 } 2673 2674 /*Fix for login popup */ 2675 .login-page .notification_wrapper .notification-error { 2676 text-indent: 0; 2677 padding: 90px 20px; 2678 top: 50%; 2679 left: 50%; 2680 margin: auto; 2681 transform: translate(-50%, -50%); 2682 } 2683 .login-page .notification_wrapper .notification-error:after { 2684 top: 40px; 2685 right: 50%; 2686 transform: translateX(50%); 2687 } 2688 .login-page .notification_wrapper .notification-error:before { 2689 right: 0; 2690 } 2691 2692 /* Button on the product page / extend if there is no quantity*/ 2693 .product-page .attribute_element .fs-dropdown { margin-top: 0; } 2694 2695 /* category page / hide filters */ 2696 2697 2698 2699 .menu-desktop .category-box > .dropdown-menu { 2700 max-height: 100vh; 2701 overflow: auto; 2702 padding-bottom: 80px !important; 2703 } 2704 2705 .overlay .menu-grid .dropmenu-small.m-menu-2 .sub_menu>.row { 2706 padding-bottom: 100px; 2707 } 2708 2709 .overlay__elem #bottom-menu { 2710 padding-bottom: 60px; 2711 } 2712 2713 2714 /* Text Info Wrapper */ 2715 .info-text__banner { 2716 background-color: #000000; 2717 padding: 8px; 2718 text-align: center; 2719 } 2720 2721 .info-text__banner h4, .info-text__banner i { 2722 display: inline-block; 2723 color: #ffffff; 2724 } 2725 2726 .info-text__banner i { 2727 font-size: 24px; 2728 } 2729 2730 .info-text__banner p { 2731 color: #ffffff; 2732 max-width: 640px; 2733 margin: auto; 2734 } 2735 2736 .input_wrapper { 2737 display: flex; 2738 align-items: baseline; 2739 justify-content: center; 2740 } 2741 .input_wrapper input { 2742 max-width: 70%; 2743 } 2744 .input_wrapper label { 2745 margin-right: 10px; 2746 display: flex; 2747 align-items: baseline; 2748 } 2749 @media only screen and (max-width: 1200px) { 2750 .input_wrapper { 2751 flex-direction: column; 2752 align-items: center; 2753 } 2754 .input_wrapper input { 2755 max-width: 100%; 2756 } 2757 .input_wrapper label { 2758 margin-right: 0px; 2759 } 2760 } 2761 2762 2763 /* Search result new style */ 2764 #search-down-wrapper .left_part ul li { 2765 border-bottom: 1px solid #e2e2e2 !important;; 2766 } 2767 2768 #search-down-wrapper, #search-down-wrapper-2 { 2769 box-shadow: 0 0 20px -15px #000 !important; 2770 } 2771 2772 #search-down-wrapper .right_part h3 { 2773 font-size: 18px; 2774 } 2775 2776 .right_part .search_result { 2777 display: flex; 2778 flex-direction: column; 2779 2780 } 2781 2782 .right_part .search_result li { 2783 display: flex; 2784 flex: 1; 2785 background: #f4f4f4; 2786 padding: 4px; 2787 margin: 4px; 2788 border-radius: 10px; 2789 float: none !important; 2790 width: 100% !important; 2791 text-align: left !important; 2792 margin: auto !important; 2793 margin-bottom: 6px !important; 2794 } 2795 2796 .right_part .search_result li .img_wrapper { 2797 margin-right: 10px; 2798 } 2799 2800 .right_part .search_result li .manufacturers_name { 2801 font-size: 10px; 2802 border: 1px solid #000; 2803 display: inline-block !important; 2804 padding: 4px; 2805 border-radius: 4px; 2806 margin-right: 10px; 2807 } 2808 2809 #search-down-wrapper .right_part .display_price { 2810 display: flex !important; 2811 color: #6f6f6f; 2812 } 2813 2814 2815 #search-down-wrapper .right_part .display_price span { 2816 color: #ff005b; 2817 font-weight: bold; 2818 margin-left: 10px; 2819 } 2820 2821@media (max-width: 992px) { 2822 .productpage-slide-active .mobile-navbar .cat-header { 2823 max-height: none !important; 2824 } 2825 .productpage-slide-active .mobile-navbar > .col-12 { 2826 display: block !important; 2827 } 2828 .productpage-slide-active .mobile-navbar .col-10 { 2829 width: 100% !important; 2830 max-width: 100% !important; 2831 }
2832 .productpage-slide-active .fit-prod-page.fit-prod-page-slide { 2833 height: auto !important; 2834 } 2835 2836} 2837 2838/* Category filter fix */ 2839@media (min-width: 992px) { 2840 .container .js-filter-wrapper { 2841 display: flex; 2842 align-items: stretch; 2843 } 2844 2845 .container .js-filter-wrapper .filter-wrapper { 2846 padding: 0 !important; 2847 } 2848 2849 .container .js-filter-wrapper .js-filter-tags > div { 2850 min-height: 40px !important; 2851 margin-top: 0 !important; 2852 } 2853} 2854 2855</style>
2856<script> 2857 // Add classes to the side bar 2858 $(document).ready(function() { 2859 2860 var sidebarSelected = (function(){ 2861 2862 var selectedItems = document.querySelectorAll('.selected-item'); 2863 2864 if(!!selectedItems.length) { 2865 selectedItems.forEach( function(item, index) { 2866 2867 if(index === 0) { 2868 item.classList.add('parent_of_selected_child'); 2869 }; 2870 2871 if(index < selectedItems.length - 1) { 2872 item.classList.add('has_active_child'); 2873 } 2874 2875 if(index === selectedItems.length - 1) { 2876 item.classList.add('active_selected_item'); 2877 } 2878 }); 2879 2880 return { 2881 selectedItems 2882 } 2883 } 2884 })(); 2885 }); 2886</script>
2886 2887 2888 2889 <!-- Vendor Styles --> 2890<link rel="stylesheet" href="/filter/assets/font-awesome-4.5.0/css/font-awesome.min.css" /> 2891<link rel="stylesheet" href="/filter/assets/dropdown/dropdown.css" /> 2892<link rel="stylesheet" href="/filter/assets/jquery-ui-1.10.4.custom/css/base/jquery-ui-1.10.4.custom.min.css" /> 2893 2894<!-- App Styles --> 2895<link rel="stylesheet" href="/filter/assets/style.css?v=2" /> 2896 2897 2898 <style> 2899 .info_wrapper > h2 { 2900 font-size: 15px !important; 2901 font-weight: 500; 2902 } 2903 </style> 2904 2905 2906 2907 2908 2909
2909<script> 2910 </script>
2910 2911 2912 </head> 2913 2914 2915<body class="not-index cart-page megamenu_narrow-active productpage-vakrevene-alternative-active "> 2916 2917 <!--- Exclude customer groups --> 2918 2919 2920 2921 2922 2923 2924 2925 2926 2927<div id="fb-root"></div> 2928
2929<script> 2930window.fbAsyncInit = function() { 2931 FB.init({ 2932 appId : '138255156243557', // App ID 2933 status : true, // check login status 2934 cookie : true, // enable cookies to allow the server to access the session 2935 oauth : true, // enable OAuth 2.0 2936 xfbml : true // parse XFBML 2937 }); 2938}; 2939 2940(function(d, s, id) { 2941 var js, fjs = d.getElementsByTagName(s)[0]; 2942 if (d.getElementById(id)) {return;} 2943 js = d.createElement(s); js.id = id; 2944 js.async=true; js.src = "//connect.facebook.net/nb_NO/all.js#xfbml=1"; 2945 fjs.parentNode.insertBefore(js, fjs); 2946}(document, 'script', 'facebook-jssdk'));</script>
2946 2947 2948 2949 2950 <div class="crall-cart" style="display:none"> 2951 </div> 2952 2953 2954 2955 2956 2957 2958 2959 2960 2961 2962 2963 2964 2965 2966 <div style="flex-direction:column; " class="header_main_wrapper pt15 pb10 plr0 flex-center mob-menu col-12" style="margin-top: 50px;"> 2967 2968 2969 2970 <a class="mobile__logo_only mb15" href="https://www.erlikkaffe.no" ><img class="img-fluid logo " src="/users/erlikkaffe_mystore_no/logo/Header04.07.215." alt="=Kaffe" ></a> 2971 2972 <!-- Open Search Field START --> 2973 2974 </div> 2975 2976 <!-- Open Search Field END --> 2977 <!-- Slogans for mobile --> 2978 <div class="col-12 flx justify-content-center mob-menu slogans-mobile" style="min-height: 46px;background: #000000;"> 2979 2980 2981 2982 2983 2984 <div class='mobile_slogan' style='font-size:16px'> 2985 Fast frakt 69,- 2986 </div> 2987 2988 2989 2990 2991 2992 2993 2994 </div> 2995 2996 <!-- /Slogans for mobile --> 2997 2998 </div> 2999 3000 3001 3002 3003 3004 3005 <!-- mobile_menu_3 --> 3006 <!-- mobile menu in templates --> 3007<nav id="mobile_header" class="navbar navbar-expand fixed-bottom mob-menu mob-menu-3 d-print-none"> 3008 <div class="collapse navbar-collapse" id="navbarNav"> 3009 <div class="container-fluid plr5"> 3010 <ul class="navbar-nav"> 3011 <div class="col menu __home_icon"> 3012 <a class="menu__elem" href="https://www.erlikkaffe.no"> 3013 <div class="menu__icons"> 3014 <i class="fal fa-home mob-icons mb5" aria-hidden="true"></i> 3015 <p class="menu__text">Hjem</p> 3016 </div> 3017 </a> 3018 </div> 3019 3020 <div class="col menu _mobile_menu_icon"> 3021 <a class="menu__elem" data-target="overlay-menu" onclick="javascript:$('.overlay').toggleClass('menu-open');"> 3022 <div class="menu__icons"> 3023 <i class="fal fa-align-justify mob-icons mb5" aria-hidden="true"></i> 3024 <i class="fal fa-times mb5" aria-hidden="true"></i> 3025 <p class="menu__text">Meny</p> 3026 </div> 3027 </a> 3028 </div> 3029 3030 <!-- Hide Search With Advanced Option --> 3031 <div class="col menu text-center __search_icon"> 3032 <a class="menu__elem" data-target="overlay-search" onclick="javascript:$('.overlay.menu-open').removeClass('menu-open');"> 3033 <div class="menu__icons"> 3034 <i class="fal fa-search mob-icons mb5" aria-hidden="true"></i> 3035 <i class="fal fa-times mob-icons mb5" aria-hidden="true"></i> 3036 <p class="menu__text">Søk</p> 3037 </div> 3038 </a> 3039 </div> 3040 <div class="col menu __myaccount_icon"> 3041 <a class="text-center" href="https://www.erlikkaffe.no/account"> 3042 <div class="menu__icons"> 3043 <i class="fal fa-user mob-icons mb5" aria-hidden="true"></i> 3044 <i class="fal fa-times mob-icons mb5" aria-hidden="true"></i> 3045 <p class="menu__text">Konto</p> 3046 </div> 3047 </a> 3048 </div> 3049 <div class="col menu __cart_icon"> 3050 <a class="menu__elem topmenu-buttons flx flex-column align-items-center plr5" data-target="overlay-cart"> 3051 <div class="menu__icons mega-cart-icon"> 3052 <i class="fal fa-shopping-cart mob-icons mb5" aria-hidden="true"></i> 3053 <span class="cart-counter"><span>0</span><span>0</span></span> 3054 <i class="fal fa-times mob-icons mb5" aria-hidden="true"></i> 3055 <p class="menu__text">Handlekurv</p> 3056 </div> 3057 </a> 3058 </div> 3059 </ul> 3060 </div> 3061 </div> 3062</nav> 3063<div class="col-10 pl0 buy-button fixed-bottom mob-menu"> 3064 3065 <a class="btn-buy-button" 3066 href=" https://www.erlikkaffe.no/cart 3067 " 3068 style="display: block;"><h5 class="pt10">Til kassen</h5><span class="cart-total-price">Totalt 0</span></a> 3069</div> 3070<div id="slide-in-v3" class="overlay slide_in_cart_mobile "> 3071 <div class="container-fluid plr0"> 3072 <div class="overlay__elem no-icons" id="overlay-menu"> 3073 <div class="row mlr0"> 3074 <div class="col-12 plr0 mt20"> 3075 <div> 3076 <h2 class="text-center mob-header">Meny</h2> 3077 </div> 3078 </div> 3079 <div class="col-12 plr0 pt10"> 3080 <!-- function for mobile menu --> 3081 3082 3083 3084 <!-- /function for mobile menu --> 3085 3086 <div class="row mlr0 pb20 __mob_menu_wrapper"> 3087 <div
3088 class="col-4 plr5 menu-grid text-center category-box KAFFEMEDLEMSKAP-cat"><a 3089 href="https://www.erlikkaffe.no/categories/kaffemedlemskap" data-target="m-menu-2" 3090 class="menu-grid-img no-image"> 3091 <span class="mob-icons-text">KAFFEMEDLEMSKAP</span> 3092 </a> 3093 </div> 3094 3095 <div 3096 class="col-4 plr5 menu-grid text-center category-box KAFFEKOPP-cat"><a 3097 href="https://www.erlikkaffe.no/categories/kaffekopp" data-target="m-menu-2" 3098 class="menu-grid-img no-image"> 3099 <span class="mob-icons-text">KAFFEKOPP</span> 3100 </a> 3101 </div> 3102 3103 3104 <div 3105 class="col-4 plr0 category-box KAFFE & TE-cat text-center menu-grid has-child "> 3106 <span href="https://www.erlikkaffe.no/categories/kaffete" data-target="m-menu-2" 3107 class="menu-grid-img no-image"> 3108 <span class="clicker"> 3109 <i class="fa fa-plus"></i> 3110 <span class="mob-icons-text">KAFFE & TE</span> 3111 </span> 3112 <div class="dropmenu-small m-menu-2"> 3113 <h3 class="text-center mob-header one-step-back" data-id="102"> 3114 <i class="fa fa-angle-left"></i> KAFFE & TE 3115 </h3> 3116 3117 <ul class="sub_menu"> 3118 <div class="row mlr0 pb20"> 3119 3120 <div 3121 class="col-4 plr5 menu-grid text-center"><a href="https://www.erlikkaffe.no/categories/kaffete" 3122 data-target="m-menu-2" 3123 class="menu-grid-img no-image"> 3124 3125 <span class="mob-icons-text">Se alle</span> 3126 </a> 3127 </div> 3128 3129 3130 <div 3131 class="col-4 plr5 menu-grid text-center category-box Kaffe-cat"><a 3132 href="https://www.erlikkaffe.no/categories/kaffe" data-target="m-menu-2" 3133 class="menu-grid-img no-image"> 3134 <span class="mob-icons-text">Kaffe</span> 3135 </a> 3136 </div> 3137 3138 <div 3139 class="col-4 plr5 menu-grid text-center category-box TE-cat"><a 3140 href="https://www.erlikkaffe.no/categories/te" data-target="m-menu-2" 3141 class="menu-grid-img no-image"> 3142 <span class="mob-icons-text">TE</span> 3143 </a> 3144 </div> 3145 3146 3147 </div> 3148 </ul> 3149 </div> 3150 </span> 3151 </div> 3152 <div 3153 class="col-4 plr5 menu-grid text-center category-box UTSTYR & GAVER-cat"><a 3154 href="https://www.erlikkaffe.no/categories/kunst" data-target="m-menu-2" 3155 class="menu-grid-img no-image"> 3156 <span class="mob-icons-text">UTSTYR & GAVER</span> 3157 </a> 3158 </div> 3159 3160 </div> 3161 3162 3163 3164 <!-- INSERT CURRENCIES HERE. SIMILAR STYLE AS LANGUAGE AND TAX, plz --> 3165 3166 <!-- Links from Hovedmeny/Innhold --> 3167 <!-- THIS SHOULD CHECK IF LINK IS INCLUDED IN BOTH TOP AND BOTTOM MENU AND SHOW ONLY ONE!! --> 3168 <div class="col-12 mb40 menu-border"> 3169 <div class="row mlr0 pt20"> 3170 <div class="col-6 menu-links text-center"> 3171 <span class="menu-links-text"> 3172 <a href="https://www.erlikkaffe.no/pages/om-oss">Om =Kaffe 3173 </a> 3174 </span> 3175 </div> 3176 <div class="col-6 menu-links text-center">
3177 <span class="menu-links-text"> 3178 <a href="https://www.erlikkaffe.no/pages/conditions">Salgsbetingelser 3179 </a> 3180 </span> 3181 </div> 3182 <div class="col-6 menu-links text-center"> 3183 <span class="menu-links-text"> 3184 <a href="https://www.erlikkaffe.no/pages/frakt-og-retur">Frakt og retur 3185 </a> 3186 </span> 3187 </div> 3188 </div> 3189 </div> 3190 <!-- /Links --> 3191 <!-- Storename etc --> 3192 </div> 3193</div> 3194 </div> 3195 <!-- /mobile menu --> 3196 <!-- Overlay for search --> 3197 <div class="overlay__elem" id="overlay-search"> 3198 <div class="row"> 3199 <div class="col-12"> 3200 <form name="quick_find" action="/search_result" method="GET" onSubmit="return check_form(this);"> 3201 <div class="mobile-menu-close"> 3202 </div> 3203 <div class="col-12 plr0 pt10"> 3204 <div class="row"> 3205 <div class="col-12"> 3206 <div></div> 3207 <div class="input-group input-group-lg search-input"> 3208 <input type="text" class="form-control js-input-search clerk-v2-search-input" name="keywords" id="keywords2" value="" placeholder="Hei. Hva leter du etter?"> 3209 <div class="crall-search" data-search-container="#keywords2" data-result-types="categories,products" data-recommendation-id="@live-search-mobile"></div> 3210 <span id="clerklsm" class="clerk" data-live-search-categories="true" data-bind-live-search="#keywords2" data-template="@live-search-mobile" data-live-search-categories-title="Kategorier" data-live-search-products-title="Produkter"></span> 3211 <span class="input-group-btn"> 3212 <button class="btn btn-default js-reset-btn" type="button">Nullstill</button> 3213 </span> 3214 <div id="search-down-wrapper-2"></div> 3215 </div><!-- /input-group --> 3216 </div><!-- /.col-lg-6 --> 3217 </div> 3218 <div class="row mt10"> 3219 <div class="col-12"> 3220 <p class="pull-right search-help"> 3221 Trykk ENTER for å søke 3222 </p> 3223 </div> 3224 </div> 3225 </div> 3226 </form> 3227 </div> 3228 </div> 3229 </div> 3230 <!-- Overlay for search --> 3231 3232 <!-- Overlay for cart --> 3233 3234 <div class="overlay__elem h-100 cart-content test" id="overlay-cart"> 3235 <div data-template="menu" class="cart-content additional-crall"> 3236 <div class="container cart-container"> 3237 <div> 3238 <h5 class="text-center mt10 mb20"> 3239 Handlekurv / <span id="total_cart_quantity">0</span> produkter 3240 <!-- FIX THIS SO IT CHECKS FOR ONE OR SEVERAL PRODUCTS AND USE CORRESPONDING TEXT --> 3241 </h5> 3242 </div> 3243 <div 3244 class="cart_bottom_part" 3245 data-sidebar-cart-num-items="0" 3246 data-sidebar-total="0.00" 3247 data-sidebar-total-alt="0,-" 3248 > 3249 <div class="content text-center"> 3250 <div class="col-xs-12"> 3251 <div class="empty"> 3252 <i class="fa fa-meh-o fa-3x" aria-hidden="true"></i><br><h4>Handlekurven er tom</h4> 3253 <h5 class="mb20 pt20">Er du usikker på hvor du skal begynne??</h5> 3254 <a href="../new_products" class="btn btn-block btn-info mb10"> 3255 Sjekk ut nyhetene våre 3256 </a> 3257 </div> 3258 </div> 3259 </div> 3260 </div><!-- Cart Wrapper End--> 3261 </div> 3262 </div> 3263 <div class="attach-to-bottom"> 3264 <div class="cart-actions container-fluid plr0"> 3265 <div class="buy-button" data-sidebar-total="0,-" data-sidebar-cart-num-items="0"> 3266 <h5 class="pt10 flex justify-between total-price-wrapper">
3267 <span>TOTALT</span> 3268 <span class="cart-total-price" 3269 data-cart-total-price="0,-">0,- 3270 </span> 3271 </h5> 3272 <div class="btn-buy-button cart-button buy-button-cart"> 3273 <a href="https://www.erlikkaffe.no/cart" class="cart-cta-btn">GÃ¥ til handlekurven <i class="fal fa-long-arrow-right"></i></a> 3274 <a href="#" class="close-button"><i class="fa fa-times"></i></a> 3275 </div> 3276 </div> 3277 </div> 3278</div> 3279 3280<style> 3281 #overlay-cart { 3282 max-height: none; 3283 overflow: hidden; 3284 margin-bottom: 0; 3285 } 3286 3287 .cart-content.additional-crall { 3288 max-height: 100% !important; 3289 height: auto !important; 3290 margin: 0 !important; 3291 border-bottom: 2px solid #E2E8F0; 3292 height: 100% !important; 3293 } 3294 3295 .attach-to-bottom { 3296 display: none !important; 3297 background: #fff; 3298 } 3299 3300 .overlay.active.cart-open .attach-to-bottom { 3301 display: block !important; 3302 } 3303 3304 .total-price-wrapper { 3305 margin-bottom: 16px; 3306 } 3307 3308 .total-price-wrapper span { 3309 font-size: 16px; 3310 line-height: 1.6; 3311 font-weight: 700; 3312 } 3313 3314 .attach-to-bottom .flex { 3315 display: flex; 3316 } 3317 3318 .attach-to-bottom .justify-between { 3319 justify-content: space-between; 3320 } 3321 3322 .overlay.cart-open>.container-fluid { 3323 height: calc(100vh - 140px); 3324 } 3325 3326 .overlay.active.cart-open { 3327 max-width: 375px; 3328 width: 100%; 3329 right: 0; 3330 left: auto; 3331 } 3332 3333 .attach-to-bottom { 3334 position: fixed; 3335 width: 100%; 3336 max-width: 375px; 3337 left: auto; 3338 right: 0; 3339 box-sizing: border-box; 3340 padding: 0 20px 60px 20px; 3341 /* was 20px 20px 60px 20px */ 3342 bottom: 0; 3343 } 3344 3345 .cart-button { 3346 display: block; 3347 text-transform: uppercase; 3348 height: auto; 3349 border-radius: 6px; 3350 color: #000 !important; 3351 font-weight: 400; 3352 3353 position: absolute; 3354 left: 0; 3355 bottom: 0; 3356 border-radius: 0; 3357 display: flex; 3358 } 3359 3360 .cart-button>a { 3361 padding: 16px; 3362 } 3363 3364 .cart-button>a.cart-cta-btn { 3365 flex-grow: 1; 3366 background: #000000; 3367 color:#ffffff; 3368 border-color: #000000; 3369 } 3370 3371 .cart-button>a.cart-cta-btn:hover { 3372 background: #000000; 3373 color:#ffffff; 3374 border-color: #000000; 3375 } 3376 3377 .cart-button>a.close-button { 3378 width: 56px; 3379 background: #fff; 3380 } 3381 3382 .cart-container h5>.success-visible, 3383 .cart-container h5>.warning-visible { 3384 display: none !important; 3385 } 3386 3387 body .cart-actions .buy-button .buy-button-cart, 3388 body .mob-menu .btn-buy-button, 3389 body .pay-button .btn, 3390 body #cart-page .btn-purchase, 3391 body div.popup_wrapper .right_part a {} 3392 3393 .cart-actions .buy-button .buy-button-cart { 3394 background: #fff !important; 3395 width: 100%; 3396 display: flex !important; 3397 margin: 0 !important; 3398 } 3399 3400 #addShadeBg.active { 3401 display: block; 3402 width: 100%; 3403 opacity: .6; 3404 height: 100%; 3405 position: fixed; 3406 top: 0; 3407 left: 0; 3408 background: #000; 3409 } 3410 3411 .buy-button.fixed-bottom.mob-menu { 3412 display: none !important; 3413 } 3414 3415 #overlay-cart .cart-content, 3416 #overlay-cart .cart-content .container.cart-container, 3417 #overlay-cart .cart-content .cart_bottom_part { 3418 padding: 0; 3419 overflow-x: hidden !important; 3420 } 3421 3422 @media (max-width: 992px) { 3423 3424 html.no-scroll body, 3425 html.no-scroll { 3426 overflow-y: hidden; 3427 } 3428 } 3429 3430 @media (min-width: 993px) { 3431 #overlay-cart .cart-content .cart_bottom_part { 3432 padding: 0 15px; 3433 } 3434 3435 #overlay-cart h5 .close-button { 3436 position: absolute; 3437 top: 13px; 3438 right: 15px; 3439 margin: 0 !important; 3440 } 3441 } 3442 3443 .overlay .__top_container .cart-prod-title, 3444 .overlay .__top_container .cart-prod-title a { 3445 font-weight: 600; 3446 max-height: none; 3447 } 3448</style>
3449<script type="text/javascript"> 3450 $(document).ready(function($) { 3451 setTimeout(function() { 3452 var menuElements = $('.menu__elem') 3453 var overlay = $('.overlay') 3454 var addShade = $('#addShadeBg') 3455 var overlayElements = $('.overlay__elem') 3456 var closeMenu = $('.mobile-menu-close') 3457 3458 function getIcons() { 3459 return $(this).find('.menu__icons').find('.fal') 3460 } 3461 3462 function resetMenu() { 3463 menuElements.removeClass('menu__elem--active') 3464 $.each(menuElements, function(i, element) { 3465 var icons = getIcons.call(element) 3466 if (icons.hasClass('fa-home')) { 3467 return 3468 } 3469 icons.filter('.fa-times').hide() 3470 icons.filter('.fal:not(.fa-times)').css('display', 'inline-block') 3471 3472 }) 3473 $('.buy-button').removeClass('big-btn'); 3474 overlayElements.hide() 3475 3476 } 3477 3478 function hideOverlay() { 3479 overlay.removeClass('active') 3480 overlay.removeClass('cart-open') 3481 overlay.removeClass('menu-open') 3482 addShade.removeClass('active') 3483 $('html').removeClass('no-scroll') 3484 $('.cart-counter').show() 3485 } 3486 3487 $('body').undelegate('#close-button', 'click'); 3488 $('#close-button').unbind('click'); 3489 $('body').off('click', '.overlay .close-button'); 3490 $('body').on('click', '.overlay .close-button', function(e) { 3491 console.log("Called from a custom event handler"); 3492 e.preventDefault(); 3493 setTimeout(function() { 3494 resetMenu(); 3495 hideOverlay(); 3496 }, 1); 3497 }); 3498 }, 1); 3499 3500 }); 3501</script>
3501 3502 </div> 3503 3504 3505 </div> 3506 <!-- /Overlay for cart --> 3507 </div> 3508</div> 3509 3510<style> 3511.close_cart { 3512 padding: 0; 3513 height: 20px; 3514 width: 20px; 3515 background: #F1F5F9; 3516 border-radius: 50%; 3517 margin-top: 4px !important; 3518 line-height: 18px; 3519} 3520 3521.close_cart i { 3522 font-weight: normal; 3523} 3524 3525/**** TOP PART STYLE ****/ 3526.cart-content.additional-crall { 3527 overflow-x: hidden; 3528} 3529.cart-content.additional-crall::-webkit-scrollbar { 3530 display: none; 3531} 3532 3533.__top_container, 3534.__bottom_container { 3535 /*padding-left: 0; 3536 padding-right: 0;*/ 3537} 3538 3539.overlay .__top_container { 3540 min-height: 70px; 3541} 3542 3543.overlay .__top_container .img-cart { 3544 max-width: 100%; 3545 width: 100% !important; 3546 height: auto !important; 3547} 3548 3549.overlay .__top_container .cart-prod-title { 3550 margin-top: -6px; 3551} 3552 3553.overlay .__top_container .cart-prod-title, 3554.overlay .__top_container .cart-prod-title a { 3555 font-style: normal; 3556 font-weight: 600; 3557 font-size: 16px !important; 3558 line-height: 22px; 3559} 3560 3561.overlay .__top_container .cart-prod-attributs * { 3562 font-size: 14px; 3563} 3564 3565/**** BOTTOM PART STYLE ****/ 3566.overlay .__bottom_container .__remove_icon { 3567 display: flex; 3568 justify-content: center; 3569} 3570 3571.overlay .__bottom_container .__remove_icon .remove_product_from_minicart { 3572 text-align: center; 3573 width: auto; 3574 height: auto; 3575} 3576 3577.overlay .__bottom_container .delete-cart i { 3578 width: 28px; 3579 height: 28px; 3580 background: #F3F4F6; 3581 border-radius: 4px; 3582 line-height: 28px; 3583 text-align: center; 3584 color: #4B5563; 3585 margin: auto; 3586 position: static; 3587} 3588 3589.overlay .__bottom_container .cart-info-text { 3590 padding-left: 0 !important; 3591 align-items: flex-end; 3592 padding: 0; 3593} 3594 3595.overlay .__bottom_container .cart-info-text input { 3596 min-width: auto !important; 3597 width: 28px; 3598 height: 28px; 3599 padding: 0; 3600 background: #F3F4F6; 3601 border: none; 3602 color: #374151; 3603 font-size: 16px; 3604 line-height: 22px; 3605} 3606 3607.overlay .__bottom_container .price-and-delete-wrapper .cart-old-price, 3608.overlay .__bottom_container .price-and-delete-wrapper .cart-old-price s, 3609.overlay .__bottom_container .price-and-delete-wrapper .cart-price { 3610 font-size: 16px !important; 3611 color: #374151 !important; 3612 font-weight: 600 !important; 3613} 3614 3615.overlay .__bottom_container .price-and-delete-wrapper .cart-old-price { 3616 margin-left: 0 !important; 3617 margin-right: 10px; 3618} 3619.overlay .__bottom_container .price-and-delete-wrapper .cart-old-price s { 3620 /* text-decoration: none; */ 3621} 3622 3623.overlay .__bottom_container .price-and-delete-wrapper .cart-old-price ~ .cart-price, 3624.overlay .__bottom_container .price-and-delete-wrapper .customer-club-price > span { 3625 color: #BE185D !important; 3626 font-weight: bold; 3627} 3628 3629.price-and-delete-wrapper > div > div { 3630 padding-top: 0 !important; 3631} 3632 3633 .dropmenu-small.m-menu-2 { 3634 display: none; 3635 } 3636 body .attach-to-bottom { 3637 margin: 0 !important; 3638 } 3639 3640 .overlay.active.cart-open{ 3641 z-index: 10000; 3642 } 3643 3644.product-cart-row { 3645 padding-bottom: 28px; 3646 padding-top: 10px; 3647} 3648 3649 3650 .product-cart-row:last-child { 3651 margin-bottom: 60px; 3652 border-bottom: none !important; 3653 } 3654 3655 /* Bonus points notification */ 3656 .bonus_points_notification { 3657 background-color: #38b489; 3658 color: #fff; 3659 display: flex; 3660 flex-direction: column; 3661 align-items: center; 3662 border-radius: 8px; 3663 padding: 8px; 3664 max-width: 320px; 3665 margin: 0 auto 10px; 3666 color: #0C573C !important; 3667 background: #D6F2E1; 3668 border: 1px solid rgba(12, 87, 60, 0.34) !important; 3669 } 3670 3671 /*.bonus_points_notification:before { 3672 content: ""; 3673 display: inline-block; 3674 width: 10px; 3675 height: 10px; 3676 background-color: #38b489; 3677 padding: 0; 3678 transform: rotate(45deg); 3679 margin-top: -12px; 3680 position: absolute; 3681 }*/ 3682 3683 .bonus_points_notification p { 3684 margin: 0; 3685 } 3686 .plr30 { 3687 padding-left: 30px; 3688 padding-right: 30px; 3689 } 3690</style> 3691 3692 <div class="page-wrapper"> 3693 3694 <section class="front-image"> 3695 <!-- Default menu for America --> 3696 3697 <div class="header_full_wrapper"> 3698 <div class="w-100 slogans"> 3699 <div class="container-fluid plr10"> 3700 <div class="col-12 plr0 flx"> 3701 <div class="col-6 slogans-text plr0"> 3702 <!-- Slogans --> 3703 <sp
3703an>Fast frakt 69,- </span> 3704 | <span>Fri frakt over 1000,-</span> 3705 <!-- /Slogans --> 3706 3707 3708 </div> 3709 <div class="col-6"> 3710 <!-- Right slogans links etc--> 3711 <nav class="float-right slogans-text"> 3712 <ul class="flat-menu"> 3713 3714 <li class="flat-menu-list "><a class="menubutton0" href="https://www.erlikkaffe.no/pages/om-oss">Om =Kaffe</a></li> 3715 <li class="flat-menu-list "><a class="menubutton1" href="https://www.erlikkaffe.no/contact_us">Kontakt oss</a></li> 3716 <li class="flat-menu-list "><a class="menubutton2" href="https://www.erlikkaffe.no/pages/jobb-hos-oss">Jobb hos oss</a></li> 3717 3718 </ul> 3719 </nav> 3720 <!-- /Right slogans links etc--> 3721 </div> 3722 </div> 3723 </div> 3724 </div> 3725 <!-- /slogans --> 3726 3727 <!-- logo area --> 3728 <div class="w-100 main_menu"> 3729 <div class="container-fluid plr10"> 3730 <div class="row no-gutters"> 3731 <div class="col-12 plr0"> 3732 <div class="row header__row"> 3733 <div class="logo__wrapper d-flex col-md-4 " > 3734 <!-- LOGO --> 3735 <a href="https://www.erlikkaffe.no"><img class="logo-lg img-fluid" src="/users/erlikkaffe_mystore_no/logo/Header04.07.215." alt="=Kaffe"></a> 3736 <!-- LOGO --> 3737 3738 3739 </div> 3740 3741 <!-- Hide Search With Advanced Option --> 3742 <div class="col-md-4 align-items-center flx __serach_wrapper"> 3743 <form id="quick_find_search" class="w100" name="quick_find" action="https://www.erlikkaffe.no/search_result" method="get" onsubmit="return this.keywords.value.trim() !== '';"> 3744 <div class="input-group input-group-lg"> 3745 <div class="search-icon"> 3746 <i class="fal fa-search" aria-hidden="true"></i> 3747 </div> 3748 <input type="text" name="keywords" value="" id="keywords3" class="form-control search-form-input clerk-v2-search-input" aria-label="Search" placeholder="Hei. Hva leter du etter?"> 3749 3750 <div class="crall-search" data-search-container="#keywords3" data-result-types="categories,products" data-recommendation-id="@live-search-mobile"></div> 3751 </div> 3752 </form> 3753 </div> 3754 3755 <div class="col-4 align-items-center justify-content-end flx __header_icons_wrapper" style="min-height: 102px;"> 3756 3757 3758 3759 3760 <div class="mega-icons account-menu-icon"> 3761 <a href="https://www.erlikkaffe.no/account" class="topmenu-buttons flx flex-column align-items-center plr15"> 3762 <i class="fal fa-2x fa-user" aria-hidden="true"></i> 3763 <span class="mega-icons-txt"> 3764 Logg inn 3765 </span> 3766 </a> 3767 </div> 3768 3769 <div class="mega-icons mega-cart-icon"> 3770 <a class="menu__elem topmenu-buttons flx flex-column align-items-center plr15" 3771 data-target="overlay-cart"> 3772
3773 <span class="cart-counter ref"><span>0</span><span>0</span></span> 3774 3775 <i class="fal fa-2x topmenu-buttons fa-shopping-cart" aria-hidden="true"></i> 3776 <span class="mega-icons-txt topmenu-buttons">Handlekurv</span> 3777 </a> 3778 </div> 3779 </div> 3780 </div> 3781 </div> 3782 </div> 3783 </div> 3784 </div> 3785
3785<script> 3786 function preventMe(e) { 3787 e.preventDefault() 3788 } 3789 </script>
3789 3790 <!-- /logo area --> 3791 <!-- Megamenu for desktop --> 3792 <div class="w-100 megamenu"> 3793 <div class="container-fluid plr0"> 3794 <div class=" menu-desktop desknav" data-toggle="sticky-onscroll"> 3795 <nav class="navbar navbar-expand-lg plr0 ptb0"> 3796 <div class="navbar-container" id="navbarNavDropdown"> 3797 <!-- function for desktop menu --> 3798 3799 3800 <ul class="list-inline"> 3801 <!-- /function for desktop menu --> 3802 3803 3804 <!-- har ikke underkategori og kommer fra menu tpl --> 3805 <li class="list-inline-item"><a href="https://www.erlikkaffe.no/categories/kaffemedlemskap" data-target="m-menu-2" class="nav-link"> 3806 KAFFEMEDLEMSKAP 3807 </a> 3808 </li> 3809 <!-- har ikke underkategori og kommer fra menu tpl --> 3810 <li class="list-inline-item"><a href="https://www.erlikkaffe.no/categories/kaffekopp" data-target="m-menu-2" class="nav-link"> 3811 KAFFEKOPP 3812 </a> 3813 </li> 3814 <!-- har underkategori og kommer fra menu.tpl --> 3815 <li class="list-inline-item dropdown has-child "> 3816 <span> 3817 <a class="nav-link dropdown-toggle" href="javascript:void(0)" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> 3818 KAFFE & TE 3819 </a> 3820 <div class="dropdown-menu m-menu-2"> 3821 <ul class="sub_menu pl0"> 3822 3823 <a class="menu-hover" href="https://www.erlikkaffe.no/categories/kaffete"> 3824 <div class="col-12 plr10 pb5 flx align-items-center desktopmenu"> 3825 <div class="col-12 menu-cat-text"> 3826 Se alle produkter 3827 </div> 3828 </div> 3829 </a> 3830 3831 <div class="outer"> 3832 <!-- categories with child but no sub-child og kommer fra page_header --> 3833 <a href="https://www.erlikkaffe.no/categories/kaffe" data-target="m-menu-2" class="no-sub menu-hover"> 3834 <div class="col-12 plr0 pt5 pb5 flx align-items-center desktopmenu"> 3835 <div class="col-12 plr10 pt5 pb5 flx align-items-center"> 3836 <div class="col-9 menu-cat-text pl5">Kaffe</div> 3837 </div> 3838 </div> 3839 </a> 3840 <!-- categories with child but no sub-child og kommer fra page_header --> 3841 <a href="https://www.erlikkaffe.no/categories/te" data-target="m-menu-2" class="no-sub menu-hover"> 3842 <div class="col-12 plr0 pt5 pb5 flx align-items-center desktopmenu"> 3843 <div class="col-12 plr10 pt5 pb5 flx align-items-center"> 3844 <div class="col-9 menu-cat-text pl5">TE</div> 3845 </div> 3846 </div> 3847 </a> 3848 </div> 3849 3850 </ul> 3851 </div> 3852 <!-- har ikke underkategori og kommer fra menu tpl --> 3853 <li class="list-inline-item"><a href="https://www.erlikkaffe.no/categories/kunst" data-target="m-menu-2" class="nav-link"> 3854 UTSTYR & GAVER 3855 </a> 3856 </li> 3857 3858 3859 </ul> 3860 <div class="pull-right list-inline-item dnone floating-cart pr20"> 3861 <a class="menu__elem topmenu-buttons flx flex-column align-items-center plr15" data-target="overlay-cart">
3862 <span class="cart-counter ref" style=""><span>0</span><span>0</span></span> 3863 <i class="fal topmenu-buttons fa-shopping-cart" aria-hidden="true"></i> 3864 <span class="mega-icons-txt topmenu-buttons"> </span> 3865 </a> 3866 </div> 3867 </div> 3868 </nav> 3869 </div> 3870 </div> 3871 </div> <!-- /desktop simple menu --> 3872 <!-- /done megamenu for desktop --> 3873 3874</div><!-- .header_full_wrapper --> 3875 </section> 3876 3877 3878 3879 3880 <!-- Video Banner START --> 3881 <!-- Video Banner END --> 3882 3883 3884 3885 3886 3887<style> 3888 .notification_wrapper > .modal-dialog { 3889 position: absolute; 3890 left: 50%; 3891 top: 50%; 3892 transform: translate(-50%, -50%); 3893 min-height: 10px !important; 3894 min-width: 320px; 3895 3896 } 3897 .notification_wrapper .modal-content { 3898 padding: 10px; 3899 } 3900 .notification_wrapper .modal-content > div { 3901 border: none; 3902 } 3903 .notification_wrapper .modal-header { 3904 display: flex; 3905 flex-direction: row; 3906 justify-content: start; 3907 align-items: center; 3908 } 3909 3910 .notification_wrapper .modal-footer { 3911 justify-content: flex-start; 3912 } 3913 3914 .notification_wrapper div:before, .notification_wrapper div:after { 3915 content: "" !important; 3916 } 3917 .notification_wrapper .modal-icon { 3918 font-size: 36px; 3919 margin-right: 14px; 3920 color: #1e83f7; 3921 line-height: 0; 3922 } 3923 3924 3925 .modal-header .close{ 3926 position: absolute; 3927 top: 10px; 3928 right: 20px; 3929 3930 } 3931 3932 .notification_wrapper > .modal-dialog > .modal-content { 3933 top: 0; 3934 } 3935 .notification_wrapper .modal-footer { 3936 justify-content: center; 3937 } 3938 3939 /* Success color scheme */ 3940 .notification_wrapper .success .modal-footer .btn { 3941 background:#65a579 !important; 3942 border-color:#65a579 !important; 3943 } 3944 3945 .notification_wrapper .success .modal-icon { 3946 color:#65a579 !important; 3947 } 3948 3949 /* Error color scheme */ 3950 .notification_wrapper .error .modal-footer .btn { 3951 background:#dc0a49 !important; 3952 border-color:#dc0a49 !important; 3953 } 3954 3955 .notification_wrapper .error .modal-icon { 3956 color:#dc0a49 !important; 3957 } 3958 3959 /* Warning color scheme */ 3960 .notification_wrapper .warning .modal-footer .btn { 3961 background:#dcb20a !important; 3962 border-color:#dcb20a !important; 3963 } 3964 3965 .notification_wrapper .warning .modal-icon { 3966 color:#dcb20a !important; 3967 } 3968 3969 /* Info color scheme */ 3970 .notification_wrapper .info .modal-footer .btn { 3971 background:#1e83f7 !important; 3972 border-color:#1e83f7 !important; 3973 } 3974 3975 .notification_wrapper .info .modal-icon { 3976 color:#1e83f7 !important; 3977 } 3978 3979</style>
3980<script> 3981 $(document).ready(function() { 3982 function closeNotificationPopup() { 3983 $(this).fadeOut(); 3984 } 3985 $('.notification_wrapper').on('click', closeNotificationPopup) 3986 }) 3987</script>
3987 3988
3988<script> 3989 $('form#quick_find_search .search-icon').on('click', function(){ 3990 $(this).closest('form').submit(); 3991 }); 3992 </script>
3992 3993 3994 3995 <!-- Temp statement for cart V2 --> 3996 <!--Content cart--> 3997<style> 3998 /* adding Open sans */ 3999 @import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600'); 4000 4001 .cartcontainer { 4002 margin-top: 20px; 4003 border-radius: 12px; 4004 box-shadow: 0 0 22px rgb(0 0 0 / 5%); 4005 padding: 20px !important; 4006 } 4007 4008 .mob-hide { 4009 display: none !important; 4010 } 4011 4012 .cartbox { 4013 padding-top: 0 !important; 4014 } 4015 4016 .page-wrapper { 4017 background-color: #F5F5F5; 4018 } 4019 4020 .mobheader { 4021 background-color: #fff; 4022 padding: 10px; 4023 font-family: 'Open Sans', sans-serif !important; 4024 /* blerrgh, but it needs to be set muy importante */ 4025 } 4026 4027 .cartbox { 4028 background-color: #fff; 4029 border-radius: 2px; 4030 padding: 10px; 4031 font-family: 'Open Sans', sans-serif !important; 4032 /* blerrgh, but it needs to be set muy importante */ 4033 } 4034 4035 .summarybox { 4036 border-radius: 2px; 4037 padding: 10px; 4038 font-family: 'Open Sans', sans-serif !important; 4039 /* blerrgh, but it needs to be set muy importante */ 4040 } 4041 4042 .commentbox { 4043 background-color: #fff; 4044 border-radius: 2px; 4045 padding: 15px; 4046 font-family: 'Open Sans', sans-serif !important; 4047 /* blerrgh, but it needs to be set muy importante */ 4048 } 4049 4050 .cartheading { 4051 font-size: 18px; 4052 font-weight: 600; 4053 font-family: 'Open Sans', sans-serif !important; 4054 /* blerrgh, but it needs to be set muy importante */ 4055 } 4056 4057 .cartheading-sub { 4058 font-size: 16px; 4059 font-weight: 600; 4060 font-family: 'Open Sans', sans-serif !important; 4061 /* blerrgh, but it needs to be set muy importante */ 4062 } 4063 4064 .cartimagebox {} 4065 4066 .cartprodname { 4067 font-size: 16px; 4068 font-weight: 600; 4069 } 4070 4071 .cartvariants { 4072 font-size: 13px; 4073 } 4074 4075 .cart_out_of_stock { 4076 font-size: 12px; 4077 } 4078 4079 .cartquantity { 4080 margin-bottom: 0; 4081 text-align: center; 4082 display: flex; 4083 padding: 0 34px; 4084 } 4085 4086 .cartquantity>button, 4087 .cartquantity input { 4088 margin: 0 4px; 4089 text-align: center; 4090 } 4091 4092 .uppercase { 4093 text-transform: uppercase; 4094 } 4095 4096 .sumtext-lg { 4097 font-size: 16px; 4098 } 4099 4100 .sumtext-sm { 4101 font-size: 14px; 4102 } 4103 4104 .multiply-txt { 4105 font-size: 14px; 4106 font-weight: 600; 4107 } 4108 4109 #cqty .price-on-special s, 4110 .producttotal>span, 4111 .mobile .price_wrapper>span { 4112 font-size: 18px !important; 4113 font-weight: bold !important; 4114 color: #374151 !important; 4115 } 4116 4117 #cqty .price-on-special span { 4118 color: #BE185D !important; 4119 font-size: 18px !important; 4120 font-weight: bold !important; 4121 } 4122 4123 .cart-page .cart_out_of_stock { 4124 color: #BE185D !important; 4125 } 4126 4127 #cqty .price-on-special small span { 4128 color: #BE185D !important; 4129 font-size: 10px !important; 4130 } 4131 4132 .boldtext { 4133 font-weight: 600; 4134 font-size: 14px; 4135 } 4136 4137 .skinnyboi { 4138 font-weight: 300; 4139 font-size: 13px; 4140 } 4141 4142 .btn-purchase { 4143 max-height: 60px; 4144 } 4145 4146 .stock-text { 4147 font-size: 0.95rem; 4148 } 4149 4150 .pb15 { 4151 padding-bottom: 15px; 4152 } 4153 4154 .borderlight { 4155 border-top: 1px solid #dadfe1; 4156 } 4157 4158 input[type="number"]::-webkit-outer-spin-button, 4159 input[type="number"]::-webkit-inner-spin-button { 4160 -webkit-appearance: none; 4161 margin: 0; 4162 } 4163 4164 input[type="number"] { 4165 -moz-appearance: textfield; 4166 } 4167 4168 /* responsive fixes */ 4169 /* Mobile cart content */ 4170 .mobile-version-content .cartdescription { 4171 margin-top: -4px; 4172 } 4173 4174 .cart-page-V2 .mobile-version-content .cartinage_and_removeicon>div { 4175 flex-direction: column; 4176 } 4177 4178 .cart-page-V2 .mobile-version-content .cartimagebox { 4179 text-align: center; 4180 padding: 0; 4181 margin-bottom: 20px; 4182 } 4183 4184 .cart-page-V2 .mobile-version-content .cartimagebox img { 4185 max-width: 60px !important; 4186 max-height: 60px !important; 4187 } 4188 4189 .cart-page-V2 .mobile-version-content .price_and_quantity_row { 4190 align-items: center; 4191 } 4192 4193 .cart-page-V2 .mobile-version-content .producttotal { 4194 align-items: flex-end; 4195 padding: 0; 4196 flex-direction: column; 4197 } 4198 4199 .cart-page-V2 .mobile-version-content .producttotal>* { 4200 margin-right: 8px; 4201 } 4202 4203 .cart-page-V2 .mobile-version-content .producttotal>.price_wrapper>* { 4204 display: block; 4205 width: 100%; 4206 clear: both; 4207 } 4208 4209 @media (max-width: 575px) { 4210 .additional_wrapper_tab { 4211 padding: 0 !important; 4212 } 4213 4214 .cartcontainer { 4215 padding: 0; 4216 } 4217 4218 .container { 4219 padding: 0; 4220 } 4221 4222 .cartimages { 4223 max-width: 80px; 4224 max-height: 80px; 4225 } 4226 4227 .cartimagebox {} 4228 } 4229 4230 @media (max-width: 425px) { 4231 #myTab>li a i { 4232 display: block !important; 4233 margin-bottom: 6px; 4234 } 4235 4236 .mobile_only_view #discount_center_form { 4237 flex-direction: column !important; 4238 } 4239 4240 .mobile_only_view #discount_center_form input { 4241 width: 90% !important; 4242 margin: 0% 5% 5% 5% !important; 4243 } 4244 4245 #add_discount_center_code { 4246 max-width: 50%; 4247 margin: 0 25%; 4248 } 4249 } 4250 4251 @media (min-width: 576px) and (max-width: 767px) { 4252 .cartcontainer { 4253 max-width: 760px; 4254 padding: 0; 4255 } 4256 4257 .container { 4258 padding: 0; 4259 } 4260 4261 .cartimages { 4262 max-width: 80px; 4263 max-height: 80px; 4264 } 4265 4266 .cartimagebox {} 4267 } 4268 4269 @media (max-width: 767px) { 4270 .btn-purchase { 4271 max-height: 45px; 4272 } 4273 4274 .mob-hide { 4275 display: none; 4276 } 4277 } 4278 @media (min-width: 768px) { 4279 .cartcontainer { 4280 max-width: 990px; 4281 } 4282 4283 .mob-show { 4284 display: none; 4285 } 4286 } 4287 4288 @media (max-width: 1024px) {} 4289 4290 @media (min-width: 1025px) { 4291 .cartcontainer { 4292 margin-bottom: 80px; 4293 max-width: 1200px; 4294 } 4295 4296 } 4297 4298 @media (min-width: 1200px) { 4299 .cartimagebox {} 4300 } 4301 4302 @media (max-width: 500px) { 4303 .cart-page-V2 .mobile-version-content div.price_and_quantity_row { 4304 display: flex; 4305 flex-direction: column; 4306 justify-content: left; 4307 align-items: start; 4308 } 4309 4310 .cart-page-V2 .mobile-version-content div.producttotal { 4311 align-items: start; 4312 padding: 8px 16px; 4313 } 4314 } 4315 4316 .bundle-product__info { 4317 margin-bottom: 5px; 4318 ; 4319 } 4320 4321 .bundle-product__info summary { 4322 display: block; 4323 position: relative; 4324 cursor: pointer; 4325 font-family: Source Sans Pro; 4326 font-size: 14px; 4327 color: #000000; 4328 } 4329 4330 .bundle-product__info details { 4331 background: none !important; 4332 height: auto; 4333 max-height: 1.5rem; 4334 /* set to line height */ 4335 transition: all 0.1s ease; 4336 } 4337 4338 .bundle-product__info details summary::-webkit-details-marker { 4339 display: none; 4340 } 4341 4342 .bundle-product__info details[open]>summary::after { 4343 transform: rotate(0deg); 4344 } 4345 4346 .bundle-product__info details[open] { 4347 max-height: 2000vh; 4348 transition: all 1s ease; 4349 } 4350 4351 .bundle-product__info details[open] .bundle_product_description { 4352 opacity: 1; 4353 transform: translateX(0px); 4354 } 4355 4356 .bundle-product__info summary::after { 4357 position: relative; 4358 left: 9px; 4359 margin-bottom: -2px; 4360 display: inline-block; 4361 width: 0; 4362 height: 0; 4363 margin-left: 0.255em; 4364 vertical-align: 0.255em; 4365 content: ""; 4366 border-top: 0.3em solid; 4367 border-right: 0.3em solid transparent; 4368 border-bottom: 0; 4369 border-left: 0.3em solid transparent; 4370 transform: rotate(-90deg); 4371 transform-origin: .2rem 50%; 4372 transition: .25s transform ease; 4373 } 4374 4375 .bundle-product__info .cartimages { 4376 width: 45px; 4377 max-height: 45px; 4378 margin-right: 5px; 4379 object-fit: contain; 4380 } 4381</style> 4382 4383<link rel="stylesheet" href="css/kcv3_cart.css" /> 4384 4385<section id="cart-page" class="color-scheme-3"> 4386 <div class="pt50 pb50 container"> 4387 <div class="centered"> 4388 <div class="sep primary-bg"></div> 4389 </div> 4390 <div class="col-sm-6" style="margin:0 auto;float:none;"> 4391 <article class="block-side-category rbox"> 4392 <div class="block-form box-border pt30 pb30 text-center"> 4393 <i class="fa fa-meh-o fa-3x" aria-hidden="true"></i><br> 4394 <h3>Handlekurven er tom</h3> 4395 <h5 class="mb20 pt20">Er du usikker på hvor du skal begynne??</h5> 4396 <a href="../new_products" class="btn btn-block btn-info mb10"> 4397 Sjekk ut nyhetene våre 4398 </a> 4399 </div> 4400 </article> 4401 </div> 4402 </div> 4403</section> 4404 4405 4406<style>
4407 /* Bonus points notification*/ 4408 body.cart-page .bonus_points_notification_cart { 4409 margin: 0 auto !important; 4410 padding: 11px !important; 4411 background: #D6F2E1; 4412 border: 1px solid rgba(12, 87, 60, 0.34) !important; 4413 border-radius: 9px !important; 4414 } 4415 4416 .cart-page .bonus_points_notification_cart>div { 4417 display: flex; 4418 justify-content: center; 4419 align-items: baseline; 4420 } 4421 4422 .cart-page .bonus_points_notification_cart .emoji_bonus { 4423 margin-right: 10px; 4424 font-size: 22px; 4425 } 4426 4427 .cart-page .bonus_points_notification_cart p { 4428 margin: 0 !important; 4429 } 4430 4431 .cart-page .bonus_points_notification_cart p, 4432 .cart-page .bonus_points_notification_cart p>* { 4433 color: #0C573C !important; 4434 } 4435 4436 .cart-page .bonus_points_notification_cart a { 4437 font-weight: bold !important; 4438 text-decoration: underline !important; 4439 cursor: pointer; 4440 } 4441 4442 .cartcontent { 4443 border-bottom: 1px solid #E5E7EB; 4444 } 4445 4446 .cartcontent:last-child { 4447 border: none !important; 4448 } 4449 4450 .bold-text, 4451 body .cart-page-V2 .summarybox-wrapper .summarybox div.bold-text { 4452 font-weight: 700 !important; 4453 } 4454 4455 .main_cartv2_title h1 { 4456 font-weight: normal; 4457 font-size: 24px; 4458 line-height: 33px; 4459 text-align: center; 4460 margin-top: 10px; 4461 margin-bottom: 15px; 4462 } 4463 4464 .cartcontainer { 4465 margin-top: 10px !important; 4466 } 4467 4468 #cart-crall { 4469 padding: 0; 4470 } 4471 4472 #cart-crall .crall-slide .crall-product-item { 4473 background: #fff; 4474 } 4475 4476 #remove_dicount_code { 4477 margin-left: 15px; 4478 font-size: 11px; 4479 color: #007bff; 4480 text-decoration: none; 4481 } 4482 4483 #comment_area>button { 4484 width: auto !important; 4485 } 4486 4487 .cartquantity>.update-quantity { 4488 max-width: 39px !important; 4489 } 4490 4491 .cartquantity>.inputQuantity { 4492 width: 70px; 4493 } 4494 4495 /* V2 style */ 4496 .cart-page-V2 .cartcontainer { 4497 background: #Fff; 4498 } 4499 4500 @media (min-width: 992px) { 4501 .cart-page-V2 .summarybox-wrapper { 4502 padding: 15px !important; 4503 } 4504 } 4505 4506 4507 .cart-page-V2 .summarybox-wrapper .summarybox { 4508 background: #f4f4f5 !important; 4509 padding: 20px; 4510 border-radius: 8px; 4511 } 4512 4513 .cart-page-V2 .summarybox-wrapper .summarybox .row { 4514 margin-bottom: 3px; 4515 margin-top: 3px; 4516 margin-left: 0 !important; 4517 margin-right: 0 !important; 4518 } 4519 4520 .cart-page-V2 .summarybox-wrapper .summarybox h2 { 4521 font-size: 18px; 4522 font-weight: normal; 4523 } 4524 4525 .cart-page-V2 .summarybox-wrapper .summarybox div, 4526 #cart-page.cart-page-V2 .total_discount, 4527 .summarybox b { 4528 font-size: 14px !important; 4529 font-weight: normal !important; 4530 color: #404040 !important; 4531 } 4532 4533 body .cart-page-V2 .summarybox-wrapper .summarybox div { 4534 padding: 1px 0px !important; 4535 } 4536 4537 .cart-page-V2 .divider { 4538 height: 1px; 4539 width: 100%; 4540 background: #CBD5E1; 4541 margin: 10px 0; 4542 } 4543 4544 .cart-page-V2 .cartremove { 4545 display: flex; 4546 align-items: center; 4547 justify-content: center; 4548 padding: 0; 4549 } 4550 4551 .cart-page-V2 .cartremove .remove_icon_bg { 4552 background: #f3f4f6; 4553 border-radius: 4px; 4554 width: 28px; 4555 height: 28px; 4556 text-align: center; 4557 line-height: 26px; 4558 } 4559 4560 .cartinage_and_removeicon>div { 4561 display: flex; 4562 } 4563 4564 .cart-page-V2 .cartimages { 4565 max-width: 90px; 4566 max-height: 90px; 4567 } 4568 4569 .cart-page-V2 .cartvariants { 4570 font-size: 14px; 4571 margin-top: 10px; 4572 } 4573 4574 .cart-page-V2 .cartquantity { 4575 padding: 0 !important; 4576 } 4577 4578 .cart-page-V2 .inputQuantity { 4579 height: 40px; 4580 width: 42px; 4581 padding: 6px !important; 4582 } 4583 4584 .cart-page-V2 .quantity_inc_dec { 4585 display: flex; 4586 justify-content: center; 4587 align-items: center; 4588 height: 40px; 4589 width: 40px !important; 4590 background: #f3f4f6 !important; 4591 border-radius: 4px; 4592 } 4593 4594 .mobile_only_view.cart-page-V2 .quantity_inc_dec, 4595 .mobile_only_view.cart-page-V2 .inputQuantity { 4596 height: 30px !important; 4597 width: 30px !important; 4598 } 4599 4600 .mobile_only_view.cart-page-V2 .inputQuantity { 4601 width: 46px !important; 4602 } 4603 4604 .cart-page-V2 .producttotal { 4605 display: flex; 4606 flex-direction: column; 4607 align-items: flex-end; 4608 justify-content: center; 4609 } 4610 4611 #cart-page.cart-page-V2 .__bold_font { 4612 font-weight: bold !important; 4613 } 4614 4615 .sb-sidebar { 4616 display: none !important; 4617 } 4618 4619 .sb-main-content { 4620 max-width: 100% !important; 4621 flex: 0 0 100% !important; 4622 } 4623 4624 .pay-button, 4625 .company-button { 4626 margin-top: 10px; 4627 } 4628 4629 .pay-button .btn, 4630 .company-button .btn { 4631 max-height: 50px; 4632 font-size: 14px; 4633 border-radius: 7px; 4634 } 4635 4636 /*** Tabs section ***/ 4637 #comment_area { 4638 display: block !important; 4639 } 4640 4641 .tabs_wrapper { 4642 background: #F8FAFC; 4643 border: 1px solid #e9e9e9; 4644 border-radius: 4px; 4645 margin-top: 60px; 4646 } 4647 4648 .tabs_wrapper .commentbox { 4649 background: transparent; 4650 } 4651 4652 body .nav-tabs { 4653 border: none; 4654 } 4655 4656 #myTab>li { 4657 width: 50%; 4658 padding: 0px; 4659 margin-right: 0 !important; 4660 } 4661 4662 #myTab>li.inactive:first-child { 4663 border-right: 1px solid #D1D5DB; 4664 } 4665 4666 #myTab>li a { 4667 background: #E2E8F0; 4668 border: none !important; 4669 padding: 16px; 4670 border-radius: 0; 4671 width: 100%; 4672 text-align: center; 4673 } 4674 4675 #myTab>li a.active { 4676 background: #F8FAFC; 4677 } 4678 4679 4680 #myTab>li a { 4681 font-size: 14px !important; 4682 } 4683 4684 #myTab>li a i { 4685 margin-right: 10px; 4686 } 4687 4688 .buttons_container { 4689 display: flex; 4690 justify-content: flex-end; 4691 align-items: start; 4692 } 4693 4694 .buttons_container>div { 4695 /* max-width: 50%; */ 4696 display: flex; 4697 align-items: baseline; 4698 } 4699 4700 .buttons_container #add_comment {
4701 max-width: 80px !important; 4702 } 4703 4704 #add_comment, 4705 #add_discount_center_code, 4706 #remove_dicount_code { 4707 font-size: 12px; 4708 border: none; 4709 background: #000000 !important; 4710 color: #ffffff !important; 4711 } 4712 4713 #add_comment:hover, 4714 #add_discount_center_code:hover, 4715 #remove_dicount_code:hover { 4716 background: #000000 !important; 4717 color: #ffffff !important; 4718 } 4719 4720 #discount_center_code { 4721 max-height: 29px !important; 4722 } 4723 4724 #comment_area textarea::-webkit-input-placeholder { 4725 font-size: 12px; 4726 color: #AEAEAE; 4727 } 4728 4729 #clear_text { 4730 cursor: pointer; 4731 } 4732 4733 .notification-container { 4734 margin-top: 4px !important; 4735 } 4736 4737 .notification-container span { 4738 font-size: 12px !important; 4739 } 4740 4741 #navbarNavDropdown>ul>li.list-inline-item>a:hover, 4742 .nav-link:hover, 4743 .menu-hover:hover { 4744 color: #334155 !important; 4745 } 4746 4747 .tabs_wrapper { 4748 overflow: hidden; 4749 } 4750 4751 .mobile_only_view .tabs_wrapper { 4752 margin-bottom: 20px; 4753 margin-bottom: 20px; 4754 border-radius: 6px; 4755 overflow: hidden; 4756 } 4757 4758 .mobile_only_view #giftcode div { 4759 padding-left: 0 !important; 4760 } 4761 4762 .mobile_only_view #discount_center_form { 4763 display: flex; 4764 justify-content: space-around; 4765 } 4766 4767 @media (max-width: 992px) { 4768 .header_main_wrapper>.slogans-mobile { 4769 display: none; 4770 } 4771 4772 .flex-center.mob-menu { 4773 padding-bottom: 0; 4774 } 4775 4776 .main_cartv2_title h2 { 4777 padding-top: 10px; 4778 } 4779 4780 .summarybox-wrapper { 4781 padding-left: 0; 4782 padding-right: 0; 4783 } 4784 4785 .cartquantity>.update-quantity i { 4786 padding: 10px; 4787 } 4788 4789 .accordion_wrapper { 4790 max-width: 100% !important; 4791 } 4792 4793 .accordion_wrapper>.row { 4794 margin-left: 0; 4795 margin-right: 0; 4796 } 4797 4798 .main_cartv2_title h1 { 4799 margin-top: 0 !important; 4800 padding-top: 15px; 4801 } 4802 4803 #cqty .price-on-special s, 4804 .producttotal>span, 4805 .mobile .price_wrapper>span, 4806 #cqty .price-on-special span { 4807 font-size: 14px !important; 4808 } 4809 4810 .container.accordion_wrapper { 4811 margin-top: 0; 4812 } 4813 4814 .cart-page-V2 .mobile-version-content .producttotal>div.price_wrapper { 4815 text-align: right !important; 4816 } 4817 } 4818 4819 /* Accordion Style */ 4820 .accordion_wrapper { 4821 margin-top: 20px; 4822 } 4823 4824 .accordion_wrapper .content { 4825 border: 1px solid #E4E4E7; 4826 border-radius: 2px; 4827 cursor: pointer; 4828 } 4829 4830 .accordion_wrapper .content>div { 4831 padding: 10px; 4832 } 4833 4834 .accordion_wrapper .content i, 4835 .accordion_wrapper .content small>span { 4836 margin-right: 4px; 4837 } 4838 4839 .accordion_wrapper .rabbat small { 4840 /* display: none; */ 4841 } 4842 4843 .accordion_wrapper .comments { 4844 margin-bottom: 10px; 4845 } 4846 4847 .accordion_wrapper .comments, 4848 .accordion_wrapper .rabbat { 4849 padding: 0; 4850 } 4851 4852 .accordion_wrapper .comments .commentbox { 4853 margin: 0; 4854 } 4855 4856 #rabbat_accordion { 4857 margin: 20px 0; 4858 } 4859 4860 #comments_accordion .commentbox { 4861 margin-top: 0; 4862 } 4863 4864 #comments_accordion .commentbox, 4865 #comments_accordion .form-check, 4866 #rabbat_accordion .form-check { 4867 padding: 0; 4868 } 4869 4870 #rabbat_accordion #discount_center_form { 4871 text-align: right !important; 4872 } 4873 4874 #rabbat_accordion #discount_center_form .button { 4875 /* text-align: right !important; */ 4876 } 4877 4878 #rabbat_accordion #discount_center_form .form-control { 4879 width: 100% !important; 4880 margin-bottom: 10px; 4881 } 4882 4883 .accordion_wrapper .content .switcher { 4884 display: flex; 4885 width: 100%; 4886 justify-content: space-between; 4887 align-items: center; 4888 } 4889 4890 .accordion_wrapper .content .switcher span, 4891 .accordion_wrapper .content .switcher i { 4892 font-size: 12px; 4893 } 4894 4895 .accordion_wrapper .content .switcher i.fa-chevron-right { 4896 transition: transform .4s; 4897 transform: rotate(90deg); 4898 } 4899 4900 .accordion_wrapper .content>div:not(.collapsed) .switcher i.fa-chevron-right { 4901 transform: rotate(0deg); 4902 } 4903 4904 .accordion_wrapper .form-control { 4905 font-size: 12px 4906 } 4907 4908 .accordion_wrapper .notification-container { 4909 float: none; 4910 } 4911 4912 #rabbat_accordion { 4913 margin: 0px 0 0 !important; 4914 } 4915 4916 #rabbat_accordion p { 4917 font-size: 14px; 4918 } 4919 4920 .switcher .fa-times { 4921 background: #BE185D; 4922 padding: 4px; 4923 border-radius: 50%; 4924 width: 21px; 4925 text-align: center; 4926 color: #fff; 4927 } 4928 4929 .switcher .fa-check { 4930 background: #81C349; 4931 padding: 4px; 4932 border-radius: 50%; 4933 width: 21px; 4934 text-align: center; 4935 color: #fff; 4936 } 4937 4938 @media screen and (max-width: 600px) { 4939 .accordion_wrapper { 4940 padding: 16px !important; 4941 } 4942 4943 .accordion_wrapper>.row { 4944 margin-left: -15px; 4945 margin-right: -15px; 4946 } 4947 4948 #rabbat_accordion #discount_center_form #add_discount_center_code { 4949 margin-right: 0; 4950 margin-left: auto; 4951 } 4952 4953 #rabbat_accordion #discount_center_form .form-control { 4954 width: auto !important; 4955 margin: 0 0 10px 0 !important; 4956 } 4957 } 4958 4959 4960 body .cart-page-V2 .summarybox-wrapper .summarybox div.cart-smiley-wrapper>div.smiley-popup { 4961 padding: 10px !important; 4962 border-radius: 2px; 4963 } 4964 4965 body .cart-page-V2 .summarybox-wrapper .summarybox div.cart-smiley-wrapper>div.smiley-popup { 4966 padding: 8px 15px !important; 4967 background: #0780FD; 4968 color: #FFFFFF !important; 4969 font-size: 14px !important; 4970 } 4971 4972 body .cart-page-V2 .summarybox-wrapper .summarybox div.cart-smiley-wrapper>div.smiley-popup { 4973 background: black !important; 4974 color: #ffffff !important; 4975 } 4976 4977 4978 body .cart-page-V2 .summarybox-wrapper .summarybox div.cart-smiley-wrapper>div.smiley-popup:before { 4979 content: ''; 4980 display: block; 4981 width: 0; 4982 height: 0; 4983 border-style: solid; 4984 border-width: 0 7px 10px 7px; 4985 border-color: transparent transparent #0780FD transparent; 4986 position: absolute; 4987 top: -6px; 4988 left: 50%; 4989 margin-left: -8px; 4990 } 4991 4992 body .cart-page-V2 .summarybox-wrapper .summarybox div.cart-smiley-wrapper>div.smiley-popup:before { 4993 border-color: transparent transparent black transparent; 4994 } 4995 4996 .cart-smiley-wrapper { 4997 display: flex; 4998 justify-content: center; 4999 align-items: center; 5000 } 5001 5002 .cart-smiley { 5003 height: 20px; 5004 vertical-align: middle; 5005 width: auto; 5006 margin-left: 5px; 5007 } 5008 5009 #shipment-countdown-cart { 5010 margin-top: 0 !important; 5011 } 5012 5013 #shipment-countdown-cart .mobile-only .shippment_calc_main_wrapper { 5014 background: transparent !important; 5015 } 5016 5017 #shipment-countdown-cart .shippment_calc_main_wrapper { 5018 padding-bottom: 8px !important; 5019 } 5020 5021 #cart-page .crall-slide .crall-product-item .crall-product-image { 5022 height: 220px !important; 5023 } 5024 5025 #cart-page .crall-product-item>.crall-product-image img { 5026 height: auto !important; 5027 max-height: 100% !important; 5028 } 5029 5030 body #cart-page .crall-product-item .crall-banner { 5031 background: transparent !important; 5032 } 5033 5034 body .crall-slide .crall-product-item .crall-product-name, 5035 body .crall-price, 5036 .crall-product-name, 5037 .crall-slide .crall-product-item .crall-buy { 5038 font-weight: 300 !important; 5039 } 5040 5041 .header_main_wrapper { 5042 display: flex; 5043 justify-content: center; 5044 align-items: center; 5045 margin-top: 0 !important; 5046 padding-top: 0 !important; 5047 } 5048</style> 5049
5050<script type="text/javascript"> 5051 /* KCV3_CART.JS */ 5052 // Remove listener 5053 var cartUpdateQuantity = null; 5054 var oldQty = null; 5055 5056 $(document).ready(function($) { 5057 5058 $('body').delegate('.cartremove', 'click', function(e) { 5059 e.preventDefault(); 5060 5061 var that = $(this); 5062 var productId = that.parent().parent().data('product-id'); 5063 5064 // Ajax function, state change 5065 $.get('ajax.php?action=ajax&ajaxfunc=remove_from_cart&products_id=' + productId, function( 5066 response) { 5067 reloadCart(); 5068 }); 5069 }); 5070 5071 /* $('body').delegate('.inputQuantity', 'blur', function(e){ 5072 var that = $(this); 5073 var productId = that.parent().parent().parent().data('product-id'); 5074 var qty = that.val(); 5075 5076 that.parent().find('.update-quantity').addClass('dnone'); 5077 5078 updateProductQuantity(productId, qty); 5079 }); */ 5080 5081 5082 /* Fix for product update loop event */ 5083 setTimeout(function() { 5084 $('body').undelegate('.inputQuantity', 'blur'); 5085 $('body').delegate('.inputQuantity', 'focus', function(e) { 5086 var that = $(this); 5087 oldQty = that.val(); 5088 console.log('set old value: ' + oldQty); 5089 }); 5090 5091 $('body').delegate('.inputQuantity', 'blur', function(e) { 5092 var that = $(this); 5093 var productId = that.parent().parent().parent().data('product-id'); 5094 var qty = that.val(); 5095 5096 if (qty != oldQty) { 5097 console.log("Old and new quantities are not same"); 5098 that.parent().find('.update-quantity').addClass('dnone'); 5099 5100 that.addClass('dnone'); 5101 if (that.parent().find('.fa-spinner').length == 0) { 5102 that.after( 5103 '<i class="fas fa-spinner fa-spin" style="width: 14px;height: 14px;margin: 12px 15px 10px 15px;"></i>' 5104 ); 5105 } 5106 5107 updateProductQuantity(productId, qty); 5108 oldQty = null; 5109 } 5110 }); 5111 }, 100); 5112 5113 $('body').delegate('.inputQuantity', 'keydown', function(e) { 5114 5115 var that = $(this); 5116 var productId = that.parent().parent().parent().data('product-id'); 5117 var qty = that.val(); 5118 5119 if (e.keyCode == '13') { 5120 e.preventDefault(); 5121 5122 updateProductQuantity(productId, qty); 5123 } 5124 }); 5125 5126 $('body').delegate('.recurringinput', 'change', function(e) { 5127 var that = $(this); 5128 var productId = $($(this)).data('product'); 5129 var interval = that.val(); 5130 updateProductInterval(productId, interval) 5131 }); 5132 5133 $('body').delegate('#remove_dicount_code', 'click', function(e) { 5134 e.preventDefault(); 5135 5136 $.post('/ajax.php?ajaxfunc=detach_discount_code', function(data) { 5137 location.reload(); 5138 }); 5139 }); 5140 5141 function updateProductQuantity(id, qty) { 5142 const data = { 5143 id, 5144 qty 5145 }; 5146 5147 $.post('/ajax.php?ajaxfunc=update_cart_mobile', data, function(data){ 5148 reloadCart(); 5149 }); 5150 } 5151 5152 function updateProductInterval(id, interval) { 5153 const data = { 5154 id, 5155 interval 5156 }; 5157 5158 $.get('/ajax.php?ajaxfunc=update_cart_interval', data, function(data){ 5159 reloadCart(); 5160 }); 5161 } 5162 5163 $('body').delegate('.update-quantity', 'click', function(e) { 5164 e.preventDefault(); 5165 clearTimeout(cartUpdateQuantity); 5166 5167 var that = $(this); 5168 var qtyInput = that.parent().find('input'); 5169 var qtyInputValue = qtyInput.val(); 5170 var modifier = that.data('modify'); 5171 5172 if (modifier == 'increase') { 5173 qtyInputValue++; 5174 } else if (modifier == 'decrease') { 5175 if (qtyInputValue > 0) qtyInputValue--; 5176 } 5177 5178 qtyInput.val(qtyInputValue); 5179 5180 cartUpdateQuantity = setTimeout(function() { 5181 qtyInput.trigger('blur'); 5182 }, 1200); 5183 }); 5184 }); 5185 5186 5187 function reloadCart() { 5188 // Hooking onto some existing function 5189 if (typeof themeSpecificCartReload === 'function') { 5190 themeSpecificCartReload(); 5191 } else { 5192 // Just in case, previous one is not defined 5193 location.reload(); 5194 } 5195 } 5196</script>
vendor: 1 bytes, line 5196
5196
5197<script> 5198 $(document).ready(function($) { 5199 $('body').undelegate('#remove_dicount_code', 'click'); 5200 $('body').delegate('#remove_dicount_code', 'click', function(e) { 5201 e.preventDefault(); 5202 5203 $.post('/ajax.php?ajaxfunc=detach_discount_code', function(data) { 5204 location.reload(); 5205 }); 5206 }); 5207 }); 5208 5209 // reset textarea 5210 function resetTextarea() { 5211 var clearButton = document.getElementById('clear_text'); 5212 if( clearButton !== null) 5213 clearButton.addEventListener('click', restTextareaHandler) 5214 } 5215 5216 function restTextareaHandler() { 5217 var textarea = document.querySelector('#comment_area textarea'); 5218 if (confirm('Sikker p� at du vil fjerne kommentaren?')) { 5219 textarea.value = ''; 5220 $.post('/ajax.php', { ajaxfunc: 'kco_set_comment', comment: " " }); 5221 $('.comments .switcher > span').html('Noe på hjertet? Legg igjen en kommentar!'); 5222 $('.comments div[data-target="#comments_accordion"]').click(); 5223 } 5224 } 5225 5226 $(document).ready(function(e) { 5227 5228 resetTextarea() 5229 5230 $('body').undelegate('#add_comment', 'click'); 5231 5232 $('body').delegate('#add_comment', 'click', function(e) { 5233 var that = $(this); 5234 var comment_area = $('#comment_area'); 5235 var textarea = comment_area.find('textarea'); 5236 var comment = textarea.val(); 5237 $('.notification-container').remove(); 5238 $('#comment_area_notif').append( 5239 '<div class="notification-container" style="float: right;margin-top: 17px;"></div>'); 5240 5241 if (comment.length > 4) { 5242 //textarea.hide(); 5243 textarea.find('.fa-spin').remove(); 5244 5245 if ($('#comment_area .fa-spin').length == 0) { 5246 //$('#comment_area > button').html('<i class="fa fa-spinner fa-spin"></i><div class="clear"></div>'); 5247 comment 5248 $('#comment_area > button').html('<i class="fa fa-spinner fa-spin"></i>'); 5249 } 5250 5251 $.post('/ajax.php', { ajaxfunc: 'kco_set_comment', comment: comment }, function(res) { 5252 setTimeout(function() { 5253 comment_area.find('.fa-spinner').remove(); 5254 $('#myTabContent .buttons_container button').text('Kommentar lagret'); 5255 5256 //$('#comment-content').html('comment'); 5257 //textarea.show(); 5258 //$('.notification-container').append('<span style="color: green;font-size: 12px;"><i class="fa fa-check" style="background: green;border-radius: 50%;color: #fff;padding: 4px;font-size: 10px;"></i> Kommentar lagret!</span>'); 5259 5260 $('.comments .switcher > span').html('<i class="fas fa-check"></i> ' + 'Kommentar lagret!'); 5261 $('.comments div[data-target="#comments_accordion"]').click(); 5262 }, 400); 5263 }) 5264 } else { 5265 //$('.notification-container').append('<span style="color: #BE185D;font-size: 12px;"><i class="fa fa-times" style="background: #BE185D;border-radius: 50%;color: #fff;padding: 4px;font-size: 10px;"></i> Kommentaren er for kort. Vennligst legg til, legg til flere tegn!</span>'); 5266 $('.comments .switcher > span').html('<i class="fas fa-times"></i> ' + 5267 'Kommentaren er for kort. Vennligst legg til, legg til flere tegn!'); 5268 $('.comments div[data-target="#comments_accordion"]').click(); 5269 $('#myTabContent .buttons_container button').text('Lagre'); 5270 } 5271 }); 5272 }); 5273 5274 $(document).ready(function($) { 5275 $('.nav-link').click(function(e) { 5276 var that = $(this); 5277 if (that.hasClass('active')) { 5278 setTimeout(function() { 5279 5280 that.removeClass('active'); 5281 that.removeClass('show'); 5282 that.attr('aria-selected', false); 5283 5284 $('.tab-pane').removeClass('active'); 5285 $('.tab-pane').removeClass('show'); 5286 }); 5287 } 5288 }); 5289 5290 var timeFixer = null; 5291 5292 setTimeout(function() { 5293 $('#add_discount_center_code').unbind(); 5294 $('#add_discount_center_code').undelegate(); 5295 $('#add_discount_center_code').unbind('click'); 5296 $('#add_discount_center_code').undelegate('click'); 5297 }, 1000); 5298 5299 $('body').delegate('#add_discount_center_code', 'click', function(e) { 5300 5301 e.preventDefault(); 5302 clearTimeout(timeFixer); 5303 5304 timeFixer = setTimeout(function() { 5305 if ($('#discount_center_code').val() == '') { 5306 return false; 5307 } 5308 5309 // Remove old classes 5310 $('#discount_center_status').removeClass( 5311 'notification-error, notification-success') 5312 5313 // Try to add discount code 5314 $.getJSON('ajax.php?ajaxfunc=add_discount_code', { 5315 discount_code: $( 5316 '#discount_center_code').val() 5317 }, function(data) {
5318 // Code was not valid 5319 if (data.code_valid == false) { 5320 5321 // Look for specific error messages from ajax.php 5322 error_message = data.error_message; 5323 5324 $('.rabbat .switcher > span').html( 5325 '<i class="fas fa-times"></i> ' + error_message); 5326 } else if (data.code_valid == true) { 5327 // Make sure we really hide the form (old jquery in checkout...) 5328 // Code was valid, show success message and reload page after a second 5329 data_message = data.message; 5330 $('.rabbat .switcher > span').html( 5331 '<i class="fas fa-check"></i> ' + 5332 data.success_message); 5333 location.reload(); 5334 } 5335 5336 $('.rabbat div[data-target="#rabbat_accordion"]').click(); 5337 }); 5338 }, 200); 5339 }); 5340 5341 }); 5342</script>
5342 5343 <!-- Remove statement for cart V2 --> 5344 5345 5346 5347 5348 5349 <!-- Default footer filled with magic --> 5350<section> 5351 <footer id="footer" class="footer-margins "> 5352 <!-- Animated Cart PopUp --> 5353 <div class="mega-icons mega-cart-icon floating_cart_notification"> 5354 <a class="menu__elem topmenu-buttons flx flex-column align-items-center plr15" data-target="overlay-cart"> 5355 5356 <span class="cart-counter"><span>0</span></span> 5357 5358 <i class="fal fa-2x fa-shopping-cart" aria-hidden="true"></i> 5359 <span class="mega-icons-txt">Handlekurv</span> 5360 </a> 5361 </div> 5362 <div class="footer-hider pt40 pb40"> 5363 <div class="container-fluid footer-copyright"> 5364 <div class="row footerheight page-footer" style="justify-content: center;"> 5365 <div class="col-xl-4 col-lg-3 col-md-6 col-xs-12 text-c-footer"> 5366 <nav id="sub-menu"> 5367 <h4>ERLIK KAFFE AS</h4> 5368 <p><strong>Åpningstider </strong></p> 5369 5370<p><strong>=Kaffe Lovisenberg</strong></p> 5371 5372<p>Mandag-fredag: 08:30-15:00</p> 5373 5374<p>  5375</p><p> </p> 5376 5377 5378<p> </p> 5379 5380 <p class=""> 5381 © 2026 ERLIK KAFFE AS - Powered by <a class="clean-link" href="//www.mystore.no/">Mystore.no</a> 5382 </p> 5383 5384 <li style="display:inline-block;vertical-align:middle;"> 5385 <a href="https://www.facebook.com/erlikkaffe" target="_blank" class="footer_social_icon"> 5386 <i class="fab fa-2x fa-facebook-square"></i> 5387 </a> 5388 </li> 5389 <li style="display:inline-block;vertical-align:middle;"> 5390 <a href="https://www.instagram.com/erlikkaffe/" target="_blank" class="footer_social_icon"> 5391 <i class="fab fa-2x fa-instagram"></i> 5392 </a> 5393 </li> 5394 </nav> 5395 </div> 5396 5397 <div class="col-xl-3 col-lg-3 col-md-6 col-xs-12 text-c-footer"> 5398 5399 <section id="sub-menu-info"> 5400 <h4>Om oss</h4> 5401 <ul class="pl0 footer-lists"> 5402 <li class="no-list pb10"><h5>ERLIK KAFFE AS</h5></li> 5403 <li class="no-list pb10">Lovisenberggata 15a</li> 5404 <li class="no-list pb10">0456 Oslo</li> 5405 <li class="no-list pb10">Org. nr. 917762953</li> 5406 <li class="no-list pb10"><i class="icon-phone"></i>Tlf: <a href="tel: 45979380 ">45979380 </a></li> 5407 <li class="no-list pb10"><i class="icon-mail"></i> 5408 <a href="mailto:[email protected]" target="_top"> [email protected]</a></li> 5409 </ul> 5410 </section> 5411 </div> 5412 5413 <section class="col-xl-2 col-lg-3 col-md-6 col-xs-12 text-c-footer"> 5414 <h4>Kundeservice</h4> 5415 <ul class="pl0 footer-lists"> 5416 <li class="no-list pb10"><a href="https://www.erlikkaffe.no/pages/om-oss">Om =Kaffe</a></li> 5417 <li class="no-list pb10"><a href="https://www.erlikkaffe.no/pages/conditions">Salgsbetingelser</a></li> 5418 <li class="no-list pb10"><a href="https://www.erlikkaffe.no/pages/frakt-og-retur">Frakt og retur</a></li> 5419 </ul> 5420 </section> 5421 5422 <div class="col-xl-3 col-lg-3 col-md-6 col-xs-12 plr30 newsletter_widget"> 5423 <div class="newsletter-box"> 5424 <h4 class="foot-headers">Nyhetsbrev</h4> 5425 <p class="newsletter-box">Meld deg pÃ¥ nyhetsbrevet vÃ¥rt for Ã¥ fÃ¥ oppdateringer fra oss.</p> 5426 <div class="form-group newsletter-btn pt10 pb10"> 5427 <button type="button" class="btn btn-primary" onclick="location.href='https://www.erlikkaffe.no/newsletter/?action=join'">Abonner pÃ¥ nyhetsbrev</button> 5428 </div> 5429 </div> 5430 </div> 5431 </div> 5432 5433 5434 </div> 5435 5436 <div class="col-12 klarna flx justify-content-center pt40" style="align-items: center; flex-direction: column;"> 5437 5438 <div class="row" style="display:block; text-align:center;"> 5439 <div class="klarna_footer_wrapper" style="margin-bottom: 14px;"> 5440 <img src="https://x.klarnacdn.net/payment-method/assets/badges/generic/white/klarna.svg" alt="klarna light logo" style="min-width: 76px;"/> 5441 </div> 5442 5443 <div> 5444 <img src="/images/payment/Vertified.png" alt="Verified" loading="lazy" /> 5445 </div> 5446 5447 5448 <div class="col-md-12 text-center"> 5449 <div class="row"> 5450 </div> 5451 </div> 5452 </div> 5453 </div> 5454 5455 </div> 5456 </footer> 5457 </section> 5458 5459 5460 <!-- CLERK API KEY --> 5461 5462 5463
5463<script> 5464 5465$(document).ready( function($){ 5466 // Remove listener 5467 $('body').delegate('.cartremove', 'click', function(e){ 5468 e.preventDefault(); 5469 5470 var that = $(this); 5471 var productId = that.parent().parent().data('product-id'); 5472 5473 // Ajax function, state change 5474 $.get('ajax.php?action=ajax&ajaxfunc=remove_from_cart&products_id=' + productId, function(response){ 5475 reloadCart(); 5476 }); 5477 }); 5478 5479 $('body').undelegate('.cartremove', 'blur'); 5480 $('body').undelegate('.inputQuantity', 'blur'); 5481 $('body').delegate('.inputQuantity', 'blur', function(e){ 5482 var that = $(this); 5483 var productId = that.parent().parent().parent().data('product-id'); 5484 var qty = that.val(); 5485 5486 that.addClass('dnone'); 5487 if (that.parent().find('.fa-spinner').length == 0){ 5488 that.after('<i class="fas fa-spinner fa-spin" style="width: 14px;height: 14px;margin: 12px 15px 10px 15px;"></i>'); 5489 } 5490 5491 updateProductQuantity(productId, qty); 5492 }); 5493 5494 $('body').undelegate('.cartremove', 'keydown'); 5495 $('body').undelegate('.inputQuantity', 'keydown'); 5496 $('body').delegate('.inputQuantity', 'keydown', function(e){ 5497 5498 var that = $(this); 5499 var productId = that.parent().parent().parent().data('product-id'); 5500 var qty = that.val(); 5501 5502 if (e.keyCode == '13'){ 5503 e.preventDefault(); 5504 5505 that.addClass('dnone'); 5506 if (that.parent().find('.fa-spinner').length == 0){ 5507 that.after('<i class="fas fa-spinner fa-spin" style="width: 14px;height: 14px;margin: 12px 15px 10px 15px;"></i>'); 5508 } 5509 5510 updateProductQuantity(productId, qty); 5511 } 5512 }); 5513 5514 $('body').delegate('.form-check-input.discount-code', 'change', function(e){ 5515 var that = $(this); 5516 5517 if (that.is(':checked')){ 5518 $('.discount-panel').show(); 5519 } else { 5520 $('.discount-panel').hide(); 5521 } 5522 }); 5523 5524 $('body').delegate('.form-check-input.attach-comment', 'change', function(e){ 5525 var that = $(this); 5526 5527 if (that.is(':checked')){ 5528 $('#comment_area').show(); 5529 } else { 5530 $('#comment_area').hide(); 5531 } 5532 }); 5533 5534 $('body').delegate('#add_comment', 'click', function(e){ 5535 var that = $(this); 5536 var comment_area = $('#comment_area'); 5537 var textarea = comment_area.find('textarea'); 5538 var comment = textarea.val(); 5539 5540 if (comment.length > 4){ 5541 textarea.hide(); 5542 textarea.before('<i class="fa fa-spinner fa-spin"></i><div class="clear"></div>'); 5543 $.post('/ajax.php', { ajaxfunc: 'kco_set_comment', comment: comment }, function(res){ 5544 5545 setTimeout( function(){ 5546 comment_area.find('.fa-spinner').remove(); 5547 //$('#comment-content').html('comment'); 5548 textarea.show(); 5549 5550 }, 400); 5551 }) 5552 } 5553 }); 5554}); 5555 5556function updateProductQuantity(id, qty){ 5557 const data = { 5558 id, 5559 qty 5560 }; 5561 5562 $.post('/ajax.php?ajaxfunc=update_cart_mobile', data, function(data){ 5563 setTimeout( function(){ 5564 $('.inputQuantity').removeClass('dnone'); 5565 $('.update-quantity').removeClass('dnone') 5566 $('.inputQuantity').parent().find('.fa-spinner').remove(); 5567 5568 5569 }, 200); 5570 5571 reloadCart(); 5572 });; 5573} 5574 5575$(function(){ 5576 if (settings.americaTrimTextMobile && settings.americaTrimTextMobile > 0){ 5577 5578 if ($(window).width() <= 992){ 5579 $('.product a.title, .product .product-meta .title, .manufacturers').each( function(i){ 5580 var titleItem = $(this); 5581 5582 if (titleItem.text().length > settings.americaTrimTextMobile){ 5583 titleItem.text(titleItem.text().substr(0, settings.americaTrimTextMobile) + '...'); 5584 } 5585 }); 5586 } 5587 } 5588 5589$('body').delegate('#discount_center_code', 'blur', function(){ 5590 if ($('#discount_center_code').val() == '') { 5591 return false; 5592 } else { 5593 $('#add_discount_center_code').click(); 5594 } 5595}); 5596 5597 var timeFixer = null; 5598 5599 }); 5600 /* Advanced search START */ 5601 if (settings.advancedAjaxSearch){ 5602 // Live Search 5603 var t; 5604 var t2; 5605 5606 function build_search_results() { 5607 $.getJSON('/search_suggest_json?queryString='+$('#keywords3').val(), function(data) { 5608 if (data != '' && data != null){ 5609 $('#search-down-wrapper').html(''); 5610 var items = []; 5611 var iterator = 0; 5612 var total_iterator = 0; 5613 5614 items.push('<div class="tail"></div><div class="clearfix"></div><div class="scontent">'); 5615 items.push('<div class="left_part">'); 5616 items.push('<ul><h3>Søkeforslag</h3>'); 5617 $.each(data, function(key, category) { 5618 5619 $.each(category.result_entries, function(result_key, product){ 5620 items.push('<li><a href="'+product.products_url+'">'+product.products_name +'</a></li>'); 5621 }); 5622 }); 5623 items.push('</ul>'); 5624 items.push('</div>'); 5625 items.push('<div class="right_part">'); 5626 items.push('<h3>Kanskje ser du etter disse?</h3><ul class="search_result">'); 5627 5628 $.each(data, function(key, category) { 5629 // items.push('<h3>' + category.categories_name + '</h3><ul class="list-content">'); 5630 iterator = 0; 5631 $.each(category.result_entries, function(result_key, product){ 5632 if ( total_iterator < 4){ 5633 if(iterator == 0){ 5634 $('#search-down-wrapper').addClass('showing'); 5635 } 5636 /*if (iterator >= 3) { 5637 total_iterator++; 5638 return false;
5639 }*/ 5640 5641 if (product.specials_price != '') { 5642 display_price = '<s>' + product.products_price + '</s> <span>' + product.specials_price + '</span>'; 5643 } else { 5644 display_price = product.products_price; 5645 } 5646 5647 items.push('<li><div class="img_wrapper"><img src="product_thumb.php?img=' + product.products_image + '&w=45&h=45" class="fleft" alt=""></div><div class="fleft"><a href="'+product.products_url+'">'+product.products_name.substring(0,30)+'...</a><div class="botton_info"><span class="manufacturers_name">'+ product.manufacturers_name +'</span><span class="display_price">'+display_price+'</span></div></div>'); 5648 items.push('</li>'); 5649 highlight_term = product.highlight; 5650 } 5651 total_iterator++; 5652 iterator++; 5653 }); 5654 }); 5655 5656 items.push('</ul>'); 5657 items.push('</div>') 5658 items.push('</div><div class="searchtotal"><a href="/search_result?keywords='+ $('#keywords3').val() +'">' + total_iterator + ' produkter matcher søket</a></div>'); 5659 5660 data = items.join(''); 5661 5662 $('#search-down-wrapper').html(data); 5663 $('#search-down-wrapper').show(); 5664 //highlight($('#keywords3').val()); 5665 } else { 5666 $('#search-down-wrapper').hide(); 5667 $('#search-down-wrapper').removeClass('showing'); 5668 } 5669 }); 5670 } 5671 5672 function build_search_results_mobile() { 5673 $.getJSON('/search_suggest_json?queryString='+$('#keywords2').val(), function(data) { 5674 if (data != '' && data != null){ 5675 $('#search-down-wrapper-2').html(''); 5676 var items = []; 5677 var iterator = 0; 5678 var total_iterator = 0; 5679 5680 items.push('<div class="tail"></div><div class="clearfix"></div><div class="scontent">'); 5681 items.push('<div class="left_part">'); 5682 items.push('<ul><h3>Søkeforslag</h3>'); 5683 $.each(data, function(key, category) { 5684 5685 $.each(category.result_entries, function(result_key, product){ 5686 items.push('<li><a href="'+product.products_url+'">'+product.products_name +'</a></li>'); 5687 }); 5688 }); 5689 items.push('</ul>'); 5690 items.push('</div>'); 5691 items.push('<div class="right_part">'); 5692 items.push('<ul class="search_result"><h3>Kanskje ser du etter disse?</h3>'); 5693 5694 $.each(data, function(key, category) { 5695 // items.push('<h3>' + category.categories_name + '</h3><ul class="list-content">'); 5696 iterator = 0; 5697 $.each(category.result_entries, function(result_key, product){ 5698 //if ( total_iterator < 4){ 5699 if(iterator == 0){ 5700 $('#search-down-wrapper-2').addClass('showing'); 5701 } 5702 /*if (iterator >= 3) { 5703 total_iterator++; 5704 return false; 5705 }*/ 5706 5707 if (product.specials_price != '') { 5708 display_price = '<s>' + product.products_price + '</s> ' + product.specials_price; 5709 } else { 5710 display_price = product.products_price; 5711 } 5712 5713 items.push('<li><div class="img_wrapper">
5713<img src="product_thumb.php?img=' + product.products_image + '&w=45&h=45" class="fleft" alt=""></div><div class="fleft"><a href="'+product.products_url+'">'+product.products_name+'</a><span class="manufacturers_name">'+ product.manufacturers_name +'</span><span class="display_price">'+display_price+'</span></div>'); 5714 items.push('</li>'); 5715 highlight_term = product.highlight; 5716 total_iterator++; 5717 iterator++; 5718 //} 5719 }); 5720 }); 5721 5722 items.push('</ul>'); 5723 items.push('</div>') 5724 items.push('</div><div class="searchtotal"><a href="/search_result?keywords='+ $('#keywords2').val() +'">' + total_iterator + ' produkter matcher søket</a></div>'); 5725 5726 data = items.join(''); 5727 5728 $('#search-down-wrapper-2').html(data); 5729 $('#search-down-wrapper-2').show(); 5730 //highlight($('#keywords2').val()); 5731 } else { 5732 $('#search-down-wrapper-2').hide(); 5733 $('#search-down-wrapper-2').removeClass('showing'); 5734 } 5735 }); 5736 } 5737 5738 function highlight(text) 5739 { 5740 text.toLowerCase(); 5741 inputText = document.getElementById("search-down-wrapper"); 5742 inputText = document.getElementById("search-down-wrapper-2"); 5743 var innerHTML = inputText.innerHTML; 5744 var index = innerHTML.toLowerCase().indexOf(text); 5745 if ( index >= 0 ) 5746 { 5747 innerHTML = innerHTML.substring(0,index) + "<span class='highlight'>" + innerHTML.substring(index,index+text.length) + "</span>" + innerHTML.substring(index + text.length); 5748 inputText.innerHTML = innerHTML 5749 } 5750 5751 } 5752 } 5753 5754 var timer2 = null; 5755 var w = $(window).width(); 5756 jQuery(document).ready( function($){ 5757 $(window).resize( function(e){ 5758 clearTimeout(timer2); 5759 timer2 = setTimeout( function(e){ 5760 if( w != $(window).width()){ 5761 //$.fn.matchHeight._update(); 5762 } 5763 }, 800); 5764 }); 5765 5766 if (settings.advancedAjaxSearch){ 5767 $('#keywords3').keyup( 5768 function() { 5769 clearTimeout(t); 5770 if ($(this).val().length > 2) { 5771 t = setTimeout("build_search_results()", 400); 5772 } else { 5773 $('#search-down-wrapper').hide(); 5774 $('#search-down-wrapper').removeClass('showing'); 5775 } 5776 }); 5777 5778 $('#keywords3').focus( function(){ 5779 if ($(this).val().length > 2) { 5780 $('#search-down-wrapper').show(); 5781 $('#search-down-wrapper').addClass('showing'); 5782 } 5783 }); 5784 5785 $('#keywords2').keyup( 5786 function() { 5787 clearTimeout(t); 5788 if ($(this).val().length > 2) { 5789 t = setTimeout("build_search_results_mobile()", 400); 5790 } else { 5791 $('#search-down-wrapper-2').hide(); 5792 $('#search-down-wrapper-2').removeClass('showing'); 5793 } 5794 }); 5795 5796 $('#keywords2').focus( function(){ 5797 if ($(this).val().length > 2) { 5798 $('#search-down-wrapper-2').show(); 5799 $('#search-down-wrapper-2').addClass('showing'); 5800 } 5801 }); 5802 5803 $(document).mouseup(function (e) 5804 { 5805 var container = $(".search-main"); 5806 var container2 = $(".mobile-search"); 5807 5808 if (!container.is(e.target) // if the target of the click isn't the container... 5809 && container.has(e.target).length === 0) // ... nor a descendant of the container 5810 { 5811 container.find('#search-down-wrapper').hide(); 5812 } 5813 5814 if (!container2.is(e.target) // if the target of the click isn't the container... 5815 && container2.has(e.target).length === 0) // ... nor a descendant of the container 5816 { 5817 container2.find('#search-down-wrapper-2').hide(); 5818 } 5819 }); 5820 5821 } 5822 5823 /* LazyLoad */ 5824 if (settings.lazyLoad == false && settings.americaEnableOptimization == true ){ 5825 $(window).on('load', function() { 5826 if ($("img.lazyloaded").length > 0) { 5827 5828 $("img.lazyloaded").lazyload({ 5829 effect: 'fadeIn', 5830 threshold: 50, 5831 afterLoad: $(function() { 5832 5833 }) 5834 }); 5835 } 5836 }); 5837 } 5838 }); 5839 </script>
5839 5840 5841 5842 5843 5844 5845 5846 5847 5848 <span data-stuff="logged in"></span> 5849 5850 5851 <div id="addShadeBg"></div> 5852 <!-- MODALS --> 5853 <div class="col-12 plr0"> 5854 <!-- Modal for tax --> 5855 <div class="modal" id="taxesModal" tabindex="-1" role="dialog" aria-labelledby="taxesModalTitle" aria-hidden="true"> 5856 <div class="modal-dialog modal-dialog-centered" role="document"> 5857 <div class="modal-content"> 5858 <div class="modal-header justify-content-center"> 5859 <h3 class="modal-title" id="exampleModalLongTitle">Prisene inkluderer moms / Prisene er ekskl. mva</h3> 5860 </div> 5861 <div class="modal-body pb40 pt30"> 5862 <div class="col-12"> 5863 <div class="row"> 5864 <div class="col-12 pb30"> 5865 I denne butikken kan du velge om du vil se priser inkl. eller ekskl. mva.<br>Hvis du er usikker, velger du inkl. mva. <i class="fal fa-smile"></i> 5866 </div> 5867 <div class="col-6"> 5868 <button type="button" class="tax-btn inc-tax-btn include_tax" data-dismiss="modal">Inkl. mva 5869 </button> 5870 </div> 5871 <div class="col-6"> 5872 <button type="button" class="tax-btn ex-tax-btn exclude_tax" data-dismiss="modal">Ekskl. mva 5873 </button> 5874 </div> 5875 </div> 5876 </div> 5877 </div> 5878 </div> 5879 </div> 5880 </div> 5881
5881<script> 5882 /* All modals should be checked / fixed regarding cookies etc */ 5883 </script>
5883 5884 <!-- /end modal for tax --> 5885 <div class="modal" id="languageModal" tabindex="-1" role="dialog" aria-labelledby="languageModalTitle" aria-hidden="true"> 5886 <div class="modal-dialog modal-dialog-centered" role="document"> 5887 <div class="modal-content"> 5888 <div class="modal-header justify-content-center"> 5889 <h3 class="modal-title" id="languageModalLongTitle">Velg SprÃ¥k</h3> 5890 </div> 5891 <div class="modal-body pb40 pt30"> 5892 <div class="col-12"> 5893 <div class="row"> 5894 <div class="col-12 pb30"> 5895 <a href="/no/cart" title="Norwegian" class="selected languagelink d-inline-block lang-btn mb10"><img src="https://erlikkaffe-i02.acendycdn.com/production/build/backend/assets/flags/4x3/no.svg?v=4.2026.09.30.15" width="30" /><span class="pl10">Norwegian</span> </a> 5896 </div> 5897 </div> 5898 </div> 5899 </div> 5900 </div> 5901 </div> 5902 </div> 5903 <!-- /end modal for languages --> 5904 <!-- Modal for currency --> 5905 <!-- /end modal for currency --> 5906 5907 <!-- Modal for language --> 5908 <div class="modal" id="newsletterModal" tabindex="-1" role="dialog" aria-labelledby="newsletterModalTitle" aria-hidden="true"> 5909 <div class="modal-dialog modal-dialog-centered" role="dialog"> 5910 <div class="modal-content" id="newsletterModalContent"> 5911 <div class="modal-header justify-content-center"> 5912 <h3 class="modal-title" id="newsletterModalLongTitle">Meld meg pÃ¥ Nyhetsbrev</h3> 5913 <button type="button" class="close" data-dismiss="modal" aria-label="Close"> 5914 <span aria-hidden="true">×</span> 5915 </button> 5916 </div> 5917 <div class="modal-body pb40 pt30"> 5918 <h6 class="pb20"> 5919 Meld deg på nyhetsbrevet vårt og vær oppdatert med alle nyhetene våre først 5920 </h6> 5921 <form name="join_newsletter_form" action="https://www.erlikkaffe.no/newsletter/?action=join" method="post"> 5922 5923 5924 <label class="mr-sm-2 mb-1" for="firstname">Fornavn</label> 5925 <input type="text" class="form-control form-control-lg mr-sm-2 mb-4 mb-sm-3" name="firstname" placeholder="Fornavn "> 5926 5927 <label class="mr-sm-2 mb-1" for="lastname">Etternavn</label> 5928 <input type="text" class="form-control form-control-lg mr-sm-2 newsletterinput mb-4 mb-sm-3" name="lastname" placeholder="Etternavn"> 5929 5930 5931 <label class="mr-sm-2 mb-1" for="email">E-post</label> 5932 <input type="text" class="form-control form-control-lg mr-sm-2 newsletterinput mb-4 mb-sm-3" name="email" placeholder="E-post"> 5933 5934 5935 <button type="submit" class="btn btn-default-1 newsletterbtn mt20"> 5936 Fortsett 5937 </button> 5938 </form> 5939 </div> 5940 </div> 5941 </div> 5942 </div> 5943 </div> 5944 <!-- /end modal for languages --> 5945 5946 <!-- /ALL MODALS SHOULD BE PUT GLOBAL.. MAYBE IN PAGE_FOOTER --> 5947 <!-- /Include modals --> 5948 5949 5950 <!-- Customer Group Shipping Countdown amout --> 5951
5951<script> 5952 function updateCartCount(prevQuantity, quantity){ 5953 if(prevQuantity < quantity) { 5954 $('.addtocart_popup').addClass('addtocart_popup_animation'); 5955 setTimeout(function(){ 5956 $('.addtocart_popup').removeClass('addtocart_popup_animation'); 5957 }, 2000); 5958 } 5959 5960 console.log("test"); 5961 5962 5963 var mobileCart = $('#mobile_header .cart-counter'); 5964 var cartCount = $('.mega-cart-icon > a .cart-counter.ref'); 5965 var floatingCount = $('#navbarNavDropdown a .cart-counter.ref'); 5966 5967 if (cartCount.find('span').eq(1).length == 0){ 5968 cartCount.append('<span></span>'); 5969 } 5970 5971 if (mobileCart.find('span').eq(1).length == 0){ 5972 mobileCart.append('<span></span>'); 5973 } 5974 5975 if (floatingCount.find('span').eq(1).length == 0){ 5976 floatingCount.append('<span></span>'); 5977 } 5978 5979 var actual = prevQuantity; 5980 var next = quantity; 5981 cartCount.find('span').eq(0).text(next); 5982 cartCount.find('span').eq(1).text(actual); 5983 mobileCart.find('span').eq(0).text(next); 5984 mobileCart.find('span').eq(1).text(actual); 5985 floatingCount.find('span').eq(0).text(next); 5986 floatingCount.find('span').eq(1).text(actual); 5987 5988 cartCount.addClass('update-count'); 5989 mobileCart.addClass('update-count'); 5990 floatingCount.addClass('update-count'); 5991 setTimeout(function() { 5992 cartCount.find('span').eq(0).text(next); 5993 mobileCart.find('span').eq(0).text(next); 5994 floatingCount.find('span').eq(0).text(next); 5995 }, 150); 5996 setTimeout(function() { 5997 cartCount.removeClass('update-count'); 5998 mobileCart.removeClass('update-count'); 5999 floatingCount.removeClass('update-count'); 6000 }, 200); 6001 setTimeout(function() { 6002 cartCount.find('span').eq(1).text(actual); 6003 mobileCart.find('span').eq(1).text(actual); 6004 floatingCount.find('span').eq(1).text(actual); 6005 }, 230); 6006 6007 if ($('#cart-page').length > 0){ 6008 $('#cart-page').load('/cart?kco_error #cart-page > *'); 6009 } 6010 6011 6012 redrawShipmentCountdown(); 6013 6014 } 6015 6016 6017 jQuery(document).ready( function($){ 6018 6019 var tmo = null; 6020 6021 6022 6023 6024 $('body').delegate('.empty_cart', 'click', function(e){ 6025 e.preventDefault(); 6026 6027 if (confirm('Fjern fra handlekurven?')){ 6028 $.post('/ajax.php?ajaxfunc=empty_cart', {}, function(resp){ 6029 console.log(resp); 6030 reloadCart(); 6031 }) 6032 } else { 6033 // Do nothing 6034 } 6035 }); 6036 6037 ///// This part was re-done in order to provide better UX 6038 ///// Undelegate part should replace the existing one inside global.js.php 6039 ///// The rest of the scripts could be just moved 6040 6041 6042 ///// TOREPLACE 6043 $('body').undelegate('.quantity_changer a', 'click'); 6044 $('body').unbind('.quantity_changer a', 'click'); 6045 6046 var quantity_button_tmo = null; 6047 $('body').delegate('.quantity_changer a', 'click', function(e){ 6048 e.preventDefault(); 6049 var modifier = $(this).data('modify'); 6050 var id = $(this).parent().attr('data_id'); 6051 //var totalPricePerProduct = $(this).parent().parent().find('.cart-price'); 6052 //var singular_price = totalPricePerProduct.data('singular-price'); 6053 6054 console.log( parseInt($(this).parent().data('quantity'))); 6055 var qty_local = parseInt($(this).parent().attr('data-quantity')); 6056 var newQty = qty_local; 6057 6058 //totalPricePerProduct.html(newQty * singular_price); 6059 6060 //clearTimeout(tmo); 6061 if(modifier == 'increase'){ 6062 newQty = qty_local + 1; 6063 $(this).parent().find('input').val(newQty); 6064 6065 clearTimeout(quantity_button_tmo); 6066 quantity_button_tmo = setTimeout( function(){ 6067 const data = { 6068 id, 6069 qty: newQty 6070 }; 6071 6072 $.post('/ajax.php?ajaxfunc=update_cart_mobile', data, function(data){ 6073 reloadCartQuantity(); 6074 }); 6075 }, 300); 6076 } else if (modifier == 'decrease'){ 6077 newQty = qty_local - 1; 6078 6079 if (newQty >= 0){ 6080 $(this).parent().find('input').val(newQty); 6081 6082 clearTimeout(quantity_button_tmo); 6083 quantity_button_tmo = setTimeout( function(){ 6084 const data = { 6085 id, 6086 qty: newQty 6087 }; 6088 6089 $.post('/ajax.php?ajaxfunc=update_cart_mobile', data, function(data){ 6090 reloadCartQuantity(); 6091 }); 6092 }, 300); 6093 } 6094 6095 if (newQty == 0){ 6096 $(this).parent().parent().parent().slideUp(600, function(){ 6097 $(this).remove(); 6098 }); 6099 } 6100 } 6101 if (newQty >= 0){ 6102 $(this).parent().attr('data-quantity', newQty); 6103 $('#total_cart_quantity').html(newQty); 6104 } 6105 6106 6107 }); 6108 6109 ///// TOMOVE 6110 $('body').delegate('.plusminusunit .quantity', 'change', function(e){ 6111 e.preventDefault(); 6112 6113 var _evt = e; 6114 var _that = $(this); 6115 6116 clearTimeout(tmo); 6117 var tmo = setTimeout( function(){ 6118 console.log(_evt); 6119 if (_evt.keyCode == '13'){ 6120 6121 _that.blur(); 6122 } else { 6123 6124 var qty = _that.val(); 6125 var id = _that.parent().attr('data_id'); 6126 _that.blur(); 6127 6128 _that.attr('disabled', 'disabled'); 6129 _that.addClass('disabled'); 6130 _that.hide(); 6131 _that.after('<span class="spin-wrapper" style="width:50px;line-height:38px;text-align: center;"><i class="fa fa-spinner fa-spin"></i></span>'); 6132 6133 const data = { 6134 id, 6135 qty 6136 }; 6137 6138 $.post('/ajax.php?ajaxfunc=update_cart_mobile', data, function(data){ 6139 _that.parent().attr('data-quantity', qty); 6140 reloadCartQuantity(); 6141 }); 6142 } 6143 }, 400); 6144 }); 6145 6146 $('body').delegate('.plusminusunit .quantity', 'keyup', function(e){ 6147 e.preventDefault(); 6148 6149 var _evt = e; 6150 var _that = $(this); 6151 6152 console.log(_evt); 6153 if (_evt.keyCode == '13'){ 6154 6155 _that.blur(); 6156 } 6157 }); 6158 6159 6160 $('body').delegate('.plusminusunit .quantity', 'keyup', function(e){ 6161 e.preventDefault(); 6162 6163 var _evt = e; 6164 var _that = $(this); 6165 6166 clearTimeout(tmo); 6167 var tmo = setTimeout( function(){ 6168 if (e.keyCode == '13'){ 6169 6170 $(this).blur(); 6171 } 6172 }, 400); 6173 }) 6174 6175 // Indicate that an attribute must be selected 6176 var url = window.location.pathname; 6177 if (url.indexOf('must_choose_attributes') != -1) { 6178 $('select.attrbutedropdown').each(function(){ 6179 display_attributes_errors(); 6180 }); 6181 } 6182 6183 $('.attrbutedropdown').change(function(){ 6184 display_attributes_errors(); 6185 }); 6186 6187 6188 function display_attributes_errors() { 6189 $('.attributes-errors').hide(); 6190 $('.attributes_errors_container-errors').html(''); 6191 $('.attributes-errors .notification-error').addClass('alert alert-danger'); 6192 var error_messages = new Array; 6193 $('select.attrbutedropdown').each(function(){ 6194 if ($(this).val() == 0) { 6195 err_text = $(this).find('option').get(0).text; 6196 error_messages.push(err_text.replace('Velg', '').replace(/</g, '<').replace(/>/g, '>')); 6197 } 6198 }); 6199 if (error_messages != '') { 6200 $('.attributes-errors').removeClass('dnone').show(); 6201 $('.attributes_errors_container').html(error_messages.join(', ')); 6202 return false;
6203 } 6204 return true; 6205 } 6206 6207 6208 $('.overlay .has-child > span > span').click( function(e){ 6209 e.preventDefault(); 6210 6211 $(this).parent().parent().find('.dropmenu-small').show(300); 6212 }); 6213 6214 $('.overlay .has-subchild > span > span').click( function(e){ 6215 e.preventDefault(); 6216 6217 $(this).parent().parent().find('> .menu-grid-img > .sub_menu').show(300); 6218 }); 6219 6220 $('body').delegate('.adapter-a', 'click', function(e){ 6221 e.preventDefault(); 6222 var trigger = $('.activeMenu > ' + $(this).data('click')); 6223 6224 if ($(this).data('click') == '.lvl-0'){ 6225 $('.one-step-back.lvl-0').click(); 6226 } else { 6227 trigger.click(); 6228 } 6229 }); 6230 6231 $('.one-step-back').click( function(e){ 6232 e.preventDefault(); 6233 6234 $(this).parent().hide(0); 6235 $(this).parent().parent().parent().siblings().show(0); 6236 }); 6237 6238 }); 6239 /* Move this to bundle near reload_cart definition */ 6240 function reloadCartQuantity(){ 6241 var prevQuantity = $('.cart-actions').find('.buy-button').data('sidebar-cart-num-items'); 6242 console.log(prevQuantity); 6243 $('.cart-actions').load($(location).attr('href') + ' .cart-actions > *', function(){ 6244 6245 $('.disabled.quantity').parent().find('.spin-wrapper').remove(); 6246 $('.disabled.quantity').removeAttr('disabled').removeClass('disabled').show(); 6247 $('.cart-actions .buy-button').addClass('big-btn'); 6248 6249 // Reducing number of ajax calls 6250 var quantity = $('.cart-actions').find('.buy-button').data('sidebar-cart-num-items'); 6251 console.log(quantity); 6252 //$('.header_full_wrapper .cart-counter').html(quantity); 6253 //$('#mobile_header').find('.cart-counter').html(quantity); 6254 //$('#footer').find('.cart-counter').html(quantity); 6255 6256 if (prevQuantity !== quantity) 6257 updateCartCount(prevQuantity, quantity); 6258 6259 var price = $('#overlay-cart').find('.cart-total-price').html(); 6260 $('.buy-button.mob-menu').find('.cart-total-price').html(price); 6261 6262 $('.cart_bottom_part').attr('data-sidebar-total', $('.cart-actions .cart-total-price').attr('data-cart-total-price')); 6263 6264 }); 6265 } 6266 /* End of reload_cart_quantity */ 6267 </script>
6267 6268
6268<script> 6269 $('button').on('click', function(){ 6270 var $this = $(this); 6271 setTimeout(function() { 6272 $this.width(300) 6273 setTimeout(function() { 6274 $this.width(140) 6275 }, 1800); 6276 }, 1400); 6277 }); 6278 6279 </script>
6279 6280 6281 <!-- addtocartscript --> 6282
6282<script> 6283 6284 6285 function clickedBuyButtonInCart(prodid, pricetoadd){ 6286 //var form = 'form[name="' + formattribute + '"]'; 6287 var posturl = 'cart.php?autofill_cart_content=' + prodid; 6288 var crallBox = $('.crall-slide[data-product-id="'+prodid+'"]').eq(0); 6289 var text = crallBox.find('.crall-buy').eq(0).text(); 6290 6291 console.log("text: " + text); 6292 crallBox.find('.crall-buy').html('<i class="fa fa-spin fa-spinner"></i>'); 6293 //var form_data = $(form).serialize(); 6294 //console.log(form_data); 6295 6296 $('.bottom-of-cart .clerk-product button.button span span[prodid="' + prodid + '"]').html('<i class="fa fa-spinner fa-x2 fa-spin" aria-hidden="true"></i>'); 6297 6298 $.post(posturl, function(data) { 6299 crallBox.find('.crall-buy').html(text); 6300 reloadCart(); 6301 }); 6302 } 6303 6304 6305 </script>
6305 6306 6307 6308
6308<script> 6309 var first = true; 6310 var priceSuffix = ',-'; 6311 jQuery(document).ready( function(){ 6312 //Add class to Mobile Menu 6313 6314 $('.flex-center.mob-menu').css('margin-top', '50px'); 6315 redrawShipmentCountdown(); 6316 setTimeout( function(){ 6317 if (first){ 6318 first = false; 6319 } 6320 redrawShipmentCountdown(); 6321 }, 10000) 6322 }); 6323 function redrawShipmentCountdown(){ 6324 //setInterval change it 6325 setTimeout( function(){ 6326 try{ 6327 var total = parseFloat(1000); 6328 var html = ''; 6329 total = total - parseInt($('.cart_bottom_part').attr('data-sidebar-total')); 6330 6331 if (total > 0){ 6332 $('.shipping-notification-sum-left').html(total); 6333 } else { 6334 6335 } 6336 $('.success-visible').remove(); 6337 $('.warning-visible').remove(); 6338 6339 if ($('.warning-visible').length == 0 && total > 0){ 6340 console.log("TEST 1"); 6341 if ($('.success-visible').length > 0) $('.success-visible').remove(); 6342 html += '<div class="warning-visible">'; 6343 html += '<div class="cp-panel panel panel-default">'; 6344 html += '<div class="alert-warning warning main-kco-background shippment_calc_main_wrapper" style="font-weight: 700; padding-left: 10px; padding-right: 10px;color:#000000;background: #ffffff;border-color: #f3e1e3; text-align: center;padding: 8px;font-size: 16px;">'; 6345 html += '<div class="mobile_shipping_wrapper"><div class="mobile_shipping_progress"></div></div>'; 6346 html += '<div class="info_wrapper">'; 6347 html += '<h2><i class="fa fa-info"></i><span class="shipping-notification-sum-left" style="color: #000000;">'+ total +'</span>'+ priceSuffix +' KR IGJEN TIL FRI FRAKT!</h2>'; 6348 6349 html += '</div>'; 6350 html += '</div></div>'; 6351 html += '</div>'; 6352 6353 //$('#cqty').parent().before(html); 6354 $('#overlay-cart .cart-container > div > h5').append(html); 6355 //$('.flex-center.mob-menu').append(html); 6356 6357 var htmlHeader = ''; 6358 htmlHeader += '<span class="shipping-counter-header" style="font-weight: 700; font-size: 12px; color: #000000;line-height: 1;">'; 6359 htmlHeader += '<h2>Du er <strong class="shipping-notification-sum-left" style="letter-spacing: -2px;display:block; clear: both; font-size: 20px; color: #000000;">'+ total +'Kr <i class="fas fa-truck" style="color: #000;font-size:18px;"></i></strong> unna å få FRI FRAKT!</h2>'; 6360 $('#header-countdown').html(htmlHeader); 6361 6362 $('.flex-center.mob-menu').append(html); 6363 $('.flex-center.mob-menu').find('.warning-visible').addClass('mobile-only'); 6364 } else if (total <= 0 && $('.success-visible').length == 0){ 6365 if ($('.warning-visible').length > 0) $('.warning-visible').remove(); 6366 html += '<div class="success-visible">'; 6367 html += '<div class="cp-panel panel panel-default">'; 6368 html += '<div class="alert-success success main-kco-background shippment_calc_main_wrapper" style="font-weight: 700; padding-left: 10px; padding-right: 10px;color:#000000;background: #ffffff;border-color: #f3e1e3; text-align: center;padding: 8px;font-size: 16px;">'; 6369 html += '<div class="mobile_shipping_wrapper"><div class="mobile_shipping_progress"></div></div>'; 6370 html += '<div class="info_wrapper">'; 6371 html += '<i class="fa fa-info"></i> Gratulerer, du fikk gratis frakt!</div></div>'; 6372 html += '</div>'; 6373 html += '</div>'; 6374 6375 //$('#cqty').parent().before(html); 6376 $('#overlay-cart .cart-container > div > h5').append(html); 6377 //$('.flex-center.mob-menu').append(html); 6378 //$('.flex-center.mob-menu').find('success-visible').addClass('mobile-only'); 6379 6380 var htmlHeader = ''; 6381 htmlHeader += '<h2><span class="shipping-counter-header" style="font-weight: 700; font-size: 12px; color: #000000;line-height: 1;">'; 6382 htmlHeader += 'Gratulerer, du fikk gratis frakt!'; 6383 htmlHeader += '</span></h2>'; 6384 $('#header-countdown').html(htmlHeader); 6385 $('.flex-center.mob-menu').append(html); 6386 $('.flex-center.mob-menu').find('.success-visible').addClass('mobile-only'); 6387 } 6388 progress($('#myProgress')); 6389 progress($('.mobile_shipping_progress')); 6390 6391 6392 }catch(err){ 6393 console.log(err.message) 6394 } 6395 }, 700); 6396 } 6397 6398 6399 function progress($element) { 6400 var newValue = parseInt($('.cart_bottom_part').attr('data-sidebar-total')); 6401 6402 var elem = $element, 6403 amount = parseFloat(1000), 6404 percent = amount / 100, 6405 cartSum = parseInt($('.cart_bottom_part').attr('data-sidebar-total')), 6406 progressWidth = (cartSum / amount) * 100; 6407 6408 var width = 0; 6409 6410 if(cartSum >= amount) { 6411 elem.width("100%"); 6412 $('#freeShippmentSum').text(''); 6413 $('.freeShippingWrapper > span').text('Gratulerer, du fikk gratis frakt!'); 6414 6415 } else { 6416 6417 width = progressWidth; 6418 elem.width(width + "%"); 6419 var newState = amount - cartSum; 6420 $('.freeShippingWrapper > span').html('<span id="freeShippmentSum">'+ newState +'</span>'+ priceSuffix +' KR IGJEN TIL FRI FRAKT!'); 6421 $('#freeShippmentSum').text(amount - cartSum); 6422 6423 } 6424 6425 6426 6427 } 6428 6429 6430 var openLocal = window.XMLHttpRequest.prototype.open, 6431 sendLocal = window.XMLHttpRequest.prototype.send, 6432 onReadyStateChange; 6433 6434 function openReplacement(method, url, async, user, password) { 6435 var syncMode = async !== false ? 'async' : 'sync'; 6436 //console.warn( 6437 // 'Preparing ' + 6438 // syncMode + 6439 // ' HTTP request : ' + 6440 // method + 6441 // ' ' + 6442 // url 6443 //); 6444 return openLocal.apply(this, arguments); 6445 } 6446 6447 function sendReplacement(data) { 6448 if(this.onreadystatechange) { 6449 this._onreadystatechange = this.onreadystatechange; 6450 } 6451 6452 if (!first){ 6453 redrawShipmentCountdown(); 6454 } 6455 this.onreadystatechange = onReadyStateChangeReplacement; 6456 6457 return sendLocal.apply(this, arguments); 6458 } 6459 6460 function onReadyStateChangeReplacement() { 6461 //console.warn('HTTP request ready state changed : ' + this.readyState); 6462 if(this._onreadystatechange) { 6463 return this._onreadystatechange.apply(this, arguments); 6464 } 6465 } 6466 6467 window.XMLHttpRequest.prototype.open = openReplacement; 6468 window.XMLHttpRequest.prototype.send = sendReplacement; 6469 6470 </script>
6470 6471 6472 6473 6474 6475 6476 6477 6478 6479 6480
6480<script> 6481 setTimeout(function(){ 6482 var menuElements = $('.menu__elem') 6483 var overlay = $('.overlay') 6484 var addShade =$('#addShadeBg') 6485 var overlayElements = $('.overlay__elem') 6486 var closeMenu = $('.mobile-menu-close') 6487 6488 function getIcons() { 6489 return $(this).find('.menu__icons').find('.fal') 6490 } 6491 6492 function resetMenu() { 6493 menuElements.removeClass('menu__elem--active') 6494 $.each(menuElements, function(i, element) { 6495 var icons = getIcons.call(element) 6496 if (icons.hasClass('fa-home')) { 6497 return 6498 } 6499 icons.filter('.fa-times').hide() 6500 icons.filter('.fal:not(.fa-times)').css('display','inline-block') 6501 6502 }) 6503 $('.buy-button').removeClass('big-btn'); 6504 overlayElements.hide() 6505 6506 } 6507 function hideOverlay() { 6508 overlay.removeClass('active') 6509 overlay.removeClass('cart-open') 6510 overlay.removeClass('menu-open') 6511 addShade.removeClass('active') 6512 $('html').removeClass('no-scroll') 6513 $('.cart-counter').show() 6514 } 6515 6516 $('body').undelegate('#close-button', 'click'); 6517 $('#close-button').unbind('click'); 6518 $('body').off('click', '.overlay .close-button'); 6519 $('body').on('click', '.overlay .close-button', function(){ 6520 console.log("Called from a custom event handler"); 6521 setTimeout(function(){ 6522 resetMenu(); 6523 hideOverlay(); 6524 }, 1); 6525 }); 6526 }, 1); 6527 //Mobile menu functions 6528 </script>
6528 6529 6530 <!-- Customer club comment --> 6531 6532 6533 6534 6535 6536
6536<script> 6537 $(document).ready( function($){ 6538 $('body').delegate('a[href*="#customerclub"]', 'click', function(e) { 6539 if (typeof customerClubOpen === 'function') { 6540 e.preventDefault(); 6541 6542 customerClubOpen(); 6543 } 6544 }); 6545 }); 6546 </script>
6546 6547 6548 </body> 6549</html>
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.