1<!DOCTYPE html> 2<html lang="nl"> 3 <head> 4 <base href="https://uitgeverijbetelgeuze.nl/" 5 data-url="" 6 data-routing="/js/routing.json" 7 /> 8 <meta name="viewport" content="width=device-width, initial-scale=1"> 9 <meta charset="utf-8" > 10 <meta name="robots" content="noindex, follow" /> 11 12 <meta name="author" content="" /> 13 <meta name="keywords" content="" /> 14 <meta name="description" content="" /> 15 <meta name="rating" content="general" /> 16 <meta name="google-site-verification" content="Kl9v1ZSwwGl_jdbmGu9JjeMVxkw158rjo2cW63yX3oo" /> 17 <meta name='generator' content='LogiVert 8.19.0.5; Equinoxe 10.5.17' /> 18 19 <title>Zoekresultaten</title> 20 21 <!-- Load scripting --> 22
22<script> 23 window.dataLayer = window.dataLayer || [];window.dataLayer.push({ 24 'event': 'consent_necessary' 25 });</script>
25 26
26<script> 27 window.dataLayer = window.dataLayer || []; 28 window.dataLayer.enableGA4Ecommerce = false; 29</script>
29 30 31
31<script> 32 (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 33 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.addEventListener('error',function() { document.getElementsByTagName('html')[0].classList.add('abl-detected');document.dispatchEvent(new CustomEvent('lv_gtm_ready', {detail: {status: 'error'}})); });j.addEventListener('load', function() { document.dispatchEvent(new Event('lv_gtm_ready', {detail: {status: 'ok'}}));});j.async=true;j.src= 34 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 35 })(window,document,'script','dataLayer','GTM-PPXVNZ9'); 36 </script>
36 37
37<script src="/js/api.min.js?h=9a8857d6"></script>
37 38
38<script> 39document.addEventListener('DOMContentLoaded', function(el) { 40 window.api = new Api("ODM3NzI5NzQ3MTc3Mzg6WWJRRTVBdmxHb3lnSzI3MkZZMQ==", "https://uitgeverijbetelgeuze.nl"); 41}); 42</script>
42 43 44
44<script src="/js/plugins.min.js?h=bb38a032" id="pluginScripts"></script>
44 45
45<script src="/js/early_scripts.min.js?h=2ebe7f84" id="earlyScripts"></script>
45 46 47
47<script> 48 // Epsilon Polyfill for IE 49 if (Number.EPSILON === undefined) { 50 Number.EPSILON = Math.pow(2, -52); 51 } 52 // Number Formatting 53 Math.toDisplay = function (val, precision, force_sign) { 54 if (typeof force_sign === 'undefined') { 55 force_sign = false; 56 } 57 58 if (typeof precision === "undefined") { 59 precision = 2; 60 } 61 62 if(isNaN(val) || typeof val !== "number") { 63 return false; 64 } 65 66 val = val + (1E3 * Number.EPSILON); 67 var str = val.toFixed(precision); 68 var decpoint = str.indexOf('.'); 69 70 str = str.replace('.', '.'); 71 72 for(var i = (decpoint - 3); i > 0; i = i - 3) { 73 str = str.slice(0, i) + ',' + str.slice(i); 74 } 75 76 if(force_sign && val > 0) { 77 str = "+" + str; 78 } 79 80 return str; 81 } 82 83 Math.toPrice = function(val, force_sign) { 84 if(typeof force_sign === 'undefined') { 85 force_sign = false; 86 } 87 var price = ""; 88 89 if(val === 0) { 90 price = "Gratis"; 91 } else { 92 if(force_sign && val > 0) { 93 price = "+"; 94 } else if(val < 0) { 95 price = "-"; 96 } 97 price += "⬠"; 98 price += Math.toDisplay(Math.abs(val), 2); 99 } 100 101 return price; 102 } 103 window.main_root = "https://uitgeverijbetelgeuze.nl/"; 104 105 </script>
105 106 107 <link rel="stylesheet" href="/assets/base.css?h=676cf9a1" /> 108 109 <link rel="stylesheet" href="/assets/theme.css?h=10d8c22f" /> 110 <link rel="icon" type="image/x-icon" href="/favicon.ico?h=f477cd6a" /> </head> 111 <body>
vendor: 142 bytes, lines 111-114
111 112 113 <noscript> 114 <iframe src="https://www.googletagmanager.com/ns.html?id=
114GTM-PPXVNZ9
vendor: 203 bytes, lines 114-120
114" 115 height="0" width="0" style="display:none;visibility:hidden"> 116 </iframe> 117 </noscript> 118 119 120
120<header> 121 <div id="top-bar"> 122 <div class="container"> 123 <div class="eyecatchers"> 124 <ul class="nav navbar-nav " > 125 <li class="menu_text "> 126 <a> 127 <span class="lbl">Verzending per koerier</span> 128 </a> 129 </li> 130 <li class="menu_text "> 131 <a> 132 <span class="lbl">Extra sterke boekverpakking</span> 133 </a> 134 </li> 135 136 </ul> 137 138 </div> 139 <div class="topmenu"> 140 <ul class="nav navbar-nav " > 141 <li class="menu_cart "> 142 <a href="/winkelwagen/" data-mode="articles"> 143 <i class="cart"></i><span class="amount label label-primary articles">0</span></a> 144 </li> 145 146 </ul> 147 148 </div> 149 </div> 150 </div> 151 <div class="logo-top"> 152 <div class="container"> 153 <a href="/" alt="Uitgeverij betelgeuze" class="logo"> 154 <img src="/images/cb_6.jpg?h=2e252101" alt="Uitgeverij betelgeuze"/> 155 </a> 156 <div class="contact"> 157 <div class="add_information_box"> 158 <ul class="nav navbar-nav " > 159 <li class="menu_text "> 160 <a> 161 <span class="lbl">Telefoon: 06 351 225 36</span> 162 </a> 163 </li> 164 <li class="menu_text "> 165 <a> 166 <span class="lbl">WhatsApp: 06 351 225 36</span> 167 </a> 168 </li> 169 170 </ul> 171 172 </div> 173 </div> 174 <div class="search_box"> 175 <ul class="nav navbar-nav " > 176 <li class="menu_search_widget "> 177 <form action="/zoeken" method="get" class="navbar-form menu_search_widget "> 178 <div class="input-group"> 179 <input type="search" 180 id="search_query" 181 placeholder="Waar ben je naar op zoek?" 182 name="query" 183 class="form-control" 184 data-suggest="" 185 autocomplete="off"> 186 <span class="input-group-btn"> 187 <button type="submit" class="btn btn-default"> 188 <i class="fa fa-search"></i> 189 <span class="sr-only">Zoeken</span> 190 </button> 191 </span> 192 </div> 193</form> 194 195 </li> 196 197 </ul> 198 199 </div> 200 </div> 201 </div> 202 <div class="nav-top container"> 203 <div id="categories"> 204 <span class="category_title">Producten</span> 205 <ul class="nav navbar-nav " > 206 <li class="menu_homepage "> 207 <a href="/" 208 > 209 <span class="lbl">Home</span> 210 </a> 211 </li> 212 <li class="menu_search active"> 213 <a href="/zoeken" 214 > 215 <span class="lbl">Zoeken</span> 216 </a> 217 </li> 218 <li class=""> 219 <a href="/onderwijs/g-8" 220 class="dropdown-toggle" data-toggle="dropdown" role="button" 221 aria-haspopup="true" 222 aria-expanded="false"> 223 <span class="lbl">Onderwijs</span> 224 <span class="caret"></span></a> 225 <ul class="dropdown-menu"> 226 <li class=""> 227 <a href="/onderwijs/vo/g-10000024" 228 class="dropdown-toggle" data-toggle="dropdown" role="button" 229 aria-haspopup="true" 230 aria-expanded="false"> 231 <span class="lbl">VO</span> 232 <span class="caret"></span></a> 233 <ul class="dropdown-menu"> 234 <li class=""> 235 <a href="/onderwijs/vo/opstapboeken/g-20000006" 236 > 237 <span class="lbl">Opstapboeken</span> 238 </a> 239 </li> 240 <li class=""> 241 <a href="/onderwijs/vo/taalatelier/g-20000007" 242 > 243 <span class="lbl">Taalatelier</span> 244 </a> 245 </li> 246 <li class=""> 247 <a href="/onderwijs/vo/hulp-bij-leerproblemen/g-20000009" 248 > 249 <span class="lbl">Hulp bij Leerproblemen</span> 250 </a> 251 </li> 252 <li class=""> 253 <a href="/onderwijs/vo/vo-praktijkreeks/g-20000011" 254 > 255 <span class="lbl">VO Praktijkreeks</span> 256 </a> 257 </li> 258 259 </ul> 260 </li> 261 <li class=""> 262 <a href="/onderwijs/po/g-10000023" 263 class="dropdown-toggle" data-toggle="dropdown" role="button" 264 aria-haspopup="true" 265 aria-expanded="false"> 266 <span class="lbl">PO</span> 267 <span class="caret"></span></a> 268 <ul class="dropdown-menu"> 269 <li class=""> 270 <a href="/onderwijs/po/onderwijspraktijk/g-20000003" 271 > 272 <span class="lbl">Onderwijspraktijk</span> 273 </a> 274 </li> 275 <li class=""> 276 <a href="/onderwijs/po/basisonderwijs-op-a3-formaat/g-20000021" 277 > 278 <span class="lbl">Basisonderwijs op A3 formaat</span> 279 </a> 280 </li> 281 <li class=""> 282 <a href="/onderwijs/po/zorgkalender/g-20000029" 283 > 284 <span class="lbl">Zorgkalender</span> 285 </a> 286 </li> 287 <li class=""> 288 <a href="/onderwijs/po/lezen/g-20000033" 289 > 290 <span class="lbl">Lezen</span> 291 </a> 292 </li> 293 294 </ul> 295 </li> 296 <li class=""> 297 <a href="/onderwijs/ko/g-10000025" 298 class="dropdown-toggle" data-toggle="dropdown" role="button" 299 aria-haspopup="true" 300 aria-expanded="false"> 301 <span class="lbl">KO</span> 302 <span class="caret"></span></a> 303 <ul class="dropdown-menu"> 304 <li class=""> 305 <a href="/onderwijs/ko/harry-janssens/g-20000026" 306 > 307 <span class="lbl">Harry Janssens</span> 308 </a> 309 </li> 310 <li class=""> 311 <a href="/onderwijs/ko/eefje-van-sloten/g-20000027" 312 > 313 <span class="lbl">Eefje van Sloten</span> 314 </a> 315 </li> 316 <li class=""> 317 <a href="/onderwijs/ko/petra-van-de-kraats-hop/g-20000030" 318 > 319 <span class="lbl">Petra van de Kraats-Hop</span> 320 </a> 321 </li> 322 323 </ul> 324 </li> 325 <li class=""> 326 <a href="/onderwijs/remediaal/g-10000026" 327 class="dropdown-toggle" data-toggle="dropdown" role="button" 328 aria-haspopup="true" 329 aria-expanded="false"> 330 <span class="lbl">Remediaal</span> 331 <span class="caret"></span></a> 332 <ul class="dropdown-menu"> 333 <li class=""> 334 <a href="/onderwijs/remediaal/remediaal/g-20000016" 335 > 336 <span class="lbl">Remediaal</span> 337 </a> 338 </li> 339 340 </ul> 341 </li> 342 343 </ul> 344 </li> 345 <li class=""> 346 <a href="/cultuur/g-4" 347 class="dropdown-toggle" data-toggle="dropdown" role="button" 348 aria-haspopup="true" 349 aria-expanded="false"> 350 <span class="lbl">Cultuur</span> 351 <span class="caret"></span></a> 352 <ul class="dropdown-menu"> 353 <li class=""> 354 <a href="/cultuur/moderne-geschiedenis/g-10000006" 355 > 356 <span class="lbl">Moderne Geschiedenis</span> 357 </a> 358 </li> 359 <li class=""> 360 <a href="/cultuur/human-interest/g-10000007" 361 > 362 <span class="lbl">Human Interest</span> 363 </a> 364 </li> 365 <li class=""> 366 <a href="/cultuur/art-en-poetry/g-10000008" 367 > 368 <span class="lbl">Art en Poetry</span> 369 </a> 370 </li> 371 <li class=""> 372 <a href="/cultuur/kinderboeken/g-10000009" 373 > 374 <span class="lbl">Kinderboeken</span> 375 </a> 376 </li> 377 378 </ul> 379 </li> 380 381 </ul> 382 383 </div> 384 <div id="service_menu" class="hidden-xs"> 385 <nav class="navbar"> 386 <ul class="nav navbar-nav " > 387 <li class=""> 388 <a href="/contact/c-11" 389 > 390 <span class="lbl">Contact</span> 391 </a> 392 </li> 393 394 </ul> 395 396 </nav> 397 </div> 398 </div> 399</header> 400 <div class='container' id="main"> 401 <div> 402 <div id="breadcrumb_container"> 403 <ol class="breadcrumb back internal"><li><a href="javascript:history.back()">Terug</a></li></ol> <ol class="breadcrumb" itemscope itemtype="http://schema.org/BreadcrumbList"><li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem" 404 ><a href="/" 405 itemprop="item" ><span itemprop="name">Home</span></a><meta itemprop="position" content="1" /></li><li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem" 406 class="active"><span itemprop="name">Zoeken</span><meta itemprop="position" content="2" /></li></ol> 407 </div> 408 </div> 409 <div class="alert-container" id="alert-container"> 410 </div> 411 <div class="content-wrapper"> 412 <div id="content"> 413 <div class="lv_search" v-if="render_results"> 414 <div class="header"> 415 <h1>Zoekresultaten<span v-text="': ' + search_options.query"></span></h1> 416 </div> 417
418 <div class="results" v-bind:class="(!first_load ? 'display ' : ' ') + (result_count === 0 ? 'no-results' : '')"> 419 <div class="spinner-container" v-if="!loaded"> 420 <div class="spinner"> 421 <span class="fa fa-circle-o-notch fa-spin"></span> 422 </div> 423 <div class="backdrop"></div> 424</div> 425 426 427 <div class="alert alert-danger" role="alert" v-if="result_count === 0"> 428 Geen zoekresultaten 429 </div> 430 <div class="articles" v-if="typeof results.articles !== 'undefined' && results.articles.length >= 1"> 431 <h3>Artikelen</h3> 432 <div class="grid-filters form-inline"> 433 <ul class="pagination" v-if="typeof pagers.articles !== 'undefined' && pagers.articles.last > 1" data-key="articles"> 434 <!-- FIRST indicator --> 435 <li v-if="pagers.articles.current > 1"> 436 <a href="#" 437 v-on:click.prevent="pager_navigate(1, 'articles')" 438 class="first" 439 data-page="1" 440 aria-label="Eerste"> 441 <span aria-hidden="true">«</span> 442 </a> 443 </li> 444 445 <!-- PREVIOUS indicator --> 446 <li v-if="pagers.articles.current > 1"> 447 <a href="#" 448 v-on:click.prevent="pager_navigate(pagers.articles.current - 1, 'articles')" 449 class="prev" 450 v-bind:data-page="(pagers.articles.current - 1)" 451 aria-label="Vorige"> 452 <span aria-hidden="true"><</span> 453 </a> 454 </li> 455 456 457 <!-- PAGE NUMBER indicator(s) --> 458 <li v-for="n in pagers.articles.to" 459 v-if="n >= pagers.articles.from" 460 v-bind:class="n===pagers.articles.current?'active':''"> 461 <a href="#" 462 v-on:click.prevent="pager_navigate(n, 'articles')" 463 v-bind:data-page="n" 464 v-text="n">}</a> 465 </li> 466 467 <!-- NEXT indicator --> 468 <li v-if="pagers.articles.current < pagers.articles.last"> 469 <a href="#" 470 v-bind:data-page="(pagers.articles.current + 1)" 471 v-on:click.prevent="pager_navigate(pagers.articles.current + 1, 'articles')" 472 class="next" 473 aria-label="Volgende"> 474 <span aria-hidden="true">></span> 475 </a> 476 </li> 477 478 <!-- LAST indicator --> 479 <li v-if="pagers.articles.current < pagers.articles.last"> 480 <a href="#" 481 v-bind:data-page="pagers.articles.last" 482 v-on:click.prevent="pager_navigate(pagers.articles.last, 'articles')" 483 class="last" 484 aria-label="Laatste"> 485 <span aria-hidden="true">»</span> 486 </a> 487 </li> 488</ul> 489 <div class="filter-wrapper"> 490 <div class="products_quantity"> 491 <label for="prod_per_page">Weergave</label> 492 <select @change="update_limit" class="form-control" id="prod_per_page" v-model="search_options.limit"> 493 <option value="20">20 - Standaard</option> 494 <option value="12" >12</option> 495 <option value="24" >24</option> 496 <option value="36" >36</option> 497 <option value="48" >48</option> 498 <option value="60" >60</option> 499 <option value="72" >72</option> 500 <option value="84" >84</option> 501 <option value="96" >96</option> 502 </select> 503 </div> 504 505 506 </div> 507 </div> 508 <div class="article-container" v-bind:class="typeof displayMode !== 'undefined' ? displayMode : 'grid'"> 509 <div class="prod" 510 v-for="article in results.articles" 511 v-bind:data-id="article.id"> 512 <div class="wrap"> 513 <span class="badge" v-if="article.badge" v-text="article.badge"></span> 514 <a v-bind:href="article.permalink"> 515 <div class="img-container"> 516 <img class="thumb" 517 v-if="article.pictures.small" 518 v-bind:src="article.pictures.small" 519 v-bind:alt="article.description"/> 520 </div> 521 <h4>
522 <span class="prod-title" 523 v-html="article.description"></span> 524 <br v-if="article.specification.length > 0"/> 525 <small class="prod-specification" 526 v-html="article.specification" 527 v-if="article.specification.length > 0"></small> 528 </h4> 529 <div class="price-container" v-if="!article.hide_price"> 530 <span class="recommended" 531 v-if="article.recommended_price > article.unit_price 532 && typeof article.price_display === 'undefined'"> 533 <span class="amt" 534 v-text="Math.toPrice(article.recommended_price)"></span> 535 </span> 536 <span class="price-display"> 537 <span class="amt" 538 v-text="Math.toPrice(article.unit_price)" 539 v-if="typeof article.price_display === 'undefined'"></span> 540 <span v-else 541 class="amt" 542 v-text="article.price_display"></span> 543 </span> 544 </div> 545 <div class="price-container" v-else><!-- Empty container when price is hidden --></div> 546 </a> 547 548 <form action="/winkelwagen/toevoegen.json" method="post" class="order" 549 v-if="article.canBeOrderedFromGrid"> 550 <div class="btn-toolbar prod-adder"> 551 <div class="btn-group btn-addon"> 552 <a class="btn btn-primary" 553 title="Details" 554 data-toggle="tooltip" 555 v-bind:href="article.permalink"> 556 <span class="fa fa-info-circle"></span> 557 </a> 558 </div> 559 560 <div class="btn-group qty-fields"> 561 <input type="text" 562 name="quantity" 563 class="form-control prod_qty" 564 v-bind:value="article.quantity" 565 v-bind:min="article.min_qty" 566 v-bind:max="article.max_qty" 567 v-bind:step="article.step_size" 568 v-if="article.canBeOrderedFromGrid === 'with_qty'"/> 569 <input type="hidden" name="quantity" class="prod_qty" v-bind:value="article.quantity" v-else /> 570 571 <button type="submit" 572 class="btn btn-primary btn-add" 573 name="article_order_form[orderbutton]" 574 v-on:click="order_article"> 575 <span class="fa fa-shopping-cart"></span> 576 </button> 577 </div> 578 <div class="hideDefault"> 579 <input type="hidden" 580 name="id" 581 v-bind:value="article.id"/> 582 </div> 583 </div> 584 </form> 585 <div class="btn-group proto-article no-order" v-else> 586 <a class="btn btn-primary" v-bind:href="article.permalink"> 587 Details 588 </a> 589 </div> 590 </div> 591 </div> 592 </div> 593 594 <ul class="pagination" v-if="typeof pagers.articles !== 'undefined' && pagers.articles.last > 1" data-key="articles"> 595 <!-- FIRST indicator --> 596 <li v-if="pagers.articles.current > 1"> 597 <a href="#" 598 v-on:click.prevent="pager_navigate(1, 'articles')" 599 class="first" 600 data-page="1" 601 aria-label="Eerste">
602 <span aria-hidden="true">«</span> 603 </a> 604 </li> 605 606 <!-- PREVIOUS indicator --> 607 <li v-if="pagers.articles.current > 1"> 608 <a href="#" 609 v-on:click.prevent="pager_navigate(pagers.articles.current - 1, 'articles')" 610 class="prev" 611 v-bind:data-page="(pagers.articles.current - 1)" 612 aria-label="Vorige"> 613 <span aria-hidden="true"><</span> 614 </a> 615 </li> 616 617 618 <!-- PAGE NUMBER indicator(s) --> 619 <li v-for="n in pagers.articles.to" 620 v-if="n >= pagers.articles.from" 621 v-bind:class="n===pagers.articles.current?'active':''"> 622 <a href="#" 623 v-on:click.prevent="pager_navigate(n, 'articles')" 624 v-bind:data-page="n" 625 v-text="n">}</a> 626 </li> 627 628 <!-- NEXT indicator --> 629 <li v-if="pagers.articles.current < pagers.articles.last"> 630 <a href="#" 631 v-bind:data-page="(pagers.articles.current + 1)" 632 v-on:click.prevent="pager_navigate(pagers.articles.current + 1, 'articles')" 633 class="next" 634 aria-label="Volgende"> 635 <span aria-hidden="true">></span> 636 </a> 637 </li> 638 639 <!-- LAST indicator --> 640 <li v-if="pagers.articles.current < pagers.articles.last"> 641 <a href="#" 642 v-bind:data-page="pagers.articles.last" 643 v-on:click.prevent="pager_navigate(pagers.articles.last, 'articles')" 644 class="last" 645 aria-label="Laatste"> 646 <span aria-hidden="true">»</span> 647 </a> 648 </li> 649</ul> 650</div> 651 <div class="groups" v-if="typeof results.article_groups !== 'undefined' && results.article_groups.length >= 1"> 652 <h3>Artikelgroepen</h3> 653 <ul class="pagination" v-if="typeof pagers.article_groups !== 'undefined' && pagers.article_groups.last > 1" data-key="article_groups"> 654 <!-- FIRST indicator --> 655 <li v-if="pagers.article_groups.current > 1"> 656 <a href="#" 657 v-on:click.prevent="pager_navigate(1, 'article_groups')" 658 class="first" 659 data-page="1" 660 aria-label="Eerste"> 661 <span aria-hidden="true">«</span> 662 </a> 663 </li> 664 665 <!-- PREVIOUS indicator --> 666 <li v-if="pagers.article_groups.current > 1"> 667 <a href="#" 668 v-on:click.prevent="pager_navigate(pagers.article_groups.current - 1, 'article_groups')" 669 class="prev" 670 v-bind:data-page="(pagers.article_groups.current - 1)" 671 aria-label="Vorige"> 672 <span aria-hidden="true"><</span> 673 </a> 674 </li> 675 676 677 <!-- PAGE NUMBER indicator(s) --> 678 <li v-for="n in pagers.article_groups.to" 679 v-if="n >= pagers.article_groups.from" 680 v-bind:class="n===pagers.article_groups.current?'active':''"> 681 <a href="#" 682 v-on:click.prevent="pager_navigate(n, 'article_groups')" 683 v-bind:data-page="n" 684 v-text="n">}</a> 685 </li> 686 687 <!-- NEXT indicator --> 688 <li v-if="pagers.article_groups.current < pagers.article_groups.last"> 689 <a href="#" 690 v-bind:data-page="(pagers.article_groups.current + 1)" 691 v-on:click.prevent="pager_navigate(pagers.article_groups.current + 1, 'article_groups')" 692 class="next" 693 aria-label="Volgende"> 694 <span aria-hidden="true">></span> 695 </a> 696 </li> 697 698 <!-- LAST indicator --> 699 <li v-if="pagers.article_groups.current < pagers.article_groups.last"> 700 <a href="#" 701 v-bind:data-page="pagers.article_groups.last" 702 v-on:click.prevent="pager_navigate(pagers.article_groups.last, 'article_groups')" 703 class="last" 704 aria-label="Laatste"> 705 <span aria-hidden="true">»</span> 706 </a> 707 </li> 708</ul> 709 <div class="group-list"> 710 <div class="group" v-for="group in results.article_groups"> 711 <a v-bind:href="Routing.generate('article_list', { 712 'id': group.id, 713 'urlitem': group.urlitem 714 })"> 715 <div class="img-container"> 716 <img v-bind:src="group.images.small" 717 v-if="group.images && group.images.small" 718 v-bind:alt="group.name"/> 719 </div> 720 <div v-html="group.name"></div> 721 </a> 722 </div> 723 </div> 724 <ul class="pagination" v-if="typeof pagers.article_groups !== 'undefined' && pagers.article_groups.last > 1" data-key="article_groups"> 725 <!-- FIRST indicator --> 726 <li v-if="pagers.article_groups.current > 1"> 727 <a href="#" 728 v-on:click.prevent="pager_navigate(1, 'article_groups')" 729 class="first" 730 data-page="1" 731 aria-label="Eerste">
732 <span aria-hidden="true">«</span> 733 </a> 734 </li> 735 736 <!-- PREVIOUS indicator --> 737 <li v-if="pagers.article_groups.current > 1"> 738 <a href="#" 739 v-on:click.prevent="pager_navigate(pagers.article_groups.current - 1, 'article_groups')" 740 class="prev" 741 v-bind:data-page="(pagers.article_groups.current - 1)" 742 aria-label="Vorige"> 743 <span aria-hidden="true"><</span> 744 </a> 745 </li> 746 747 748 <!-- PAGE NUMBER indicator(s) --> 749 <li v-for="n in pagers.article_groups.to" 750 v-if="n >= pagers.article_groups.from" 751 v-bind:class="n===pagers.article_groups.current?'active':''"> 752 <a href="#" 753 v-on:click.prevent="pager_navigate(n, 'article_groups')" 754 v-bind:data-page="n" 755 v-text="n">}</a> 756 </li> 757 758 <!-- NEXT indicator --> 759 <li v-if="pagers.article_groups.current < pagers.article_groups.last"> 760 <a href="#" 761 v-bind:data-page="(pagers.article_groups.current + 1)" 762 v-on:click.prevent="pager_navigate(pagers.article_groups.current + 1, 'article_groups')" 763 class="next" 764 aria-label="Volgende"> 765 <span aria-hidden="true">></span> 766 </a> 767 </li> 768 769 <!-- LAST indicator --> 770 <li v-if="pagers.article_groups.current < pagers.article_groups.last"> 771 <a href="#" 772 v-bind:data-page="pagers.article_groups.last" 773 v-on:click.prevent="pager_navigate(pagers.article_groups.last, 'article_groups')" 774 class="last" 775 aria-label="Laatste"> 776 <span aria-hidden="true">»</span> 777 </a> 778 </li> 779</ul> 780</div> 781 <div class="articles" v-if="typeof results.alternatives !== 'undefined' && results.alternatives.length >= 1"> 782 <h3>Alternatieve Artikelen</h3> 783 <ul class="pagination" v-if="typeof pagers.alternatives !== 'undefined' && pagers.alternatives.last > 1" data-key="alternatives"> 784 <!-- FIRST indicator --> 785 <li v-if="pagers.alternatives.current > 1"> 786 <a href="#" 787 v-on:click.prevent="pager_navigate(1, 'alternatives')" 788 class="first" 789 data-page="1" 790 aria-label="Eerste"> 791 <span aria-hidden="true">«</span> 792 </a> 793 </li> 794 795 <!-- PREVIOUS indicator --> 796 <li v-if="pagers.alternatives.current > 1"> 797 <a href="#" 798 v-on:click.prevent="pager_navigate(pagers.alternatives.current - 1, 'alternatives')" 799 class="prev" 800 v-bind:data-page="(pagers.alternatives.current - 1)" 801 aria-label="Vorige"> 802 <span aria-hidden="true"><</span> 803 </a> 804 </li> 805 806 807 <!-- PAGE NUMBER indicator(s) --> 808 <li v-for="n in pagers.alternatives.to" 809 v-if="n >= pagers.alternatives.from" 810 v-bind:class="n===pagers.alternatives.current?'active':''"> 811 <a href="#" 812 v-on:click.prevent="pager_navigate(n, 'alternatives')" 813 v-bind:data-page="n" 814 v-text="n">}</a> 815 </li> 816 817 <!-- NEXT indicator --> 818 <li v-if="pagers.alternatives.current < pagers.alternatives.last"> 819 <a href="#" 820 v-bind:data-page="(pagers.alternatives.current + 1)" 821 v-on:click.prevent="pager_navigate(pagers.alternatives.current + 1, 'alternatives')" 822 class="next" 823 aria-label="Volgende"> 824 <span aria-hidden="true">></span> 825 </a> 826 </li> 827 828 <!-- LAST indicator --> 829 <li v-if="pagers.alternatives.current < pagers.alternatives.last"> 830 <a href="#" 831 v-bind:data-page="pagers.alternatives.last" 832 v-on:click.prevent="pager_navigate(pagers.alternatives.last, 'alternatives')" 833 class="last" 834 aria-label="Laatste"> 835 <span aria-hidden="true">»</span> 836 </a> 837 </li> 838</ul> 839 <div class="article-container" v-bind:class="typeof displayMode !== 'undefined' ? displayMode : 'grid'"> 840 <div class="prod" 841 v-for="article in results.alternatives"
842 v-bind:data-id="article.id"> 843 <div class="wrap"> 844 <span class="badge" v-if="article.badge" v-text="article.badge"></span> 845 <a v-bind:href="article.permalink"> 846 <div class="img-container"> 847 <img class="thumb" 848 v-if="article.pictures.small" 849 v-bind:src="article.pictures.small" 850 v-bind:alt="article.description"/> 851 </div> 852 <h4> 853 <span class="prod-title" 854 v-html="article.description"></span> 855 <br v-if="article.specification.length > 0"/> 856 <small class="prod-specification" 857 v-html="article.specification" 858 v-if="article.specification.length > 0"></small> 859 </h4> 860 <div class="price-container" v-if="!article.hide_price"> 861 <span class="recommended" 862 v-if="article.recommended_price > article.unit_price 863 && typeof article.price_display === 'undefined'"> 864 <span class="amt" 865 v-text="Math.toPrice(article.recommended_price)"></span> 866 </span> 867 <span class="price-display"> 868 <span class="amt" 869 v-text="Math.toPrice(article.unit_price)" 870 v-if="typeof article.price_display === 'undefined'"></span> 871 <span v-else 872 class="amt" 873 v-text="article.price_display"></span> 874 </span> 875 </div> 876 <div class="price-container" v-else><!-- Empty container when price is hidden --></div> 877 </a> 878 879 <form action="/winkelwagen/toevoegen.json" method="post" class="order" 880 v-if="article.canBeOrderedFromGrid"> 881 <div class="btn-toolbar prod-adder"> 882 <div class="btn-group btn-addon"> 883 <a class="btn btn-primary" 884 title="Details" 885 data-toggle="tooltip" 886 v-bind:href="article.permalink"> 887 <span class="fa fa-info-circle"></span> 888 </a> 889 </div> 890 891 <div class="btn-group qty-fields"> 892 <input type="text" 893 name="quantity" 894 class="form-control prod_qty" 895 v-bind:value="article.quantity" 896 v-bind:min="article.min_qty" 897 v-bind:max="article.max_qty" 898 v-bind:step="article.step_size" 899 v-if="article.canBeOrderedFromGrid === 'with_qty'"/> 900 <input type="hidden" name="quantity" class="prod_qty" v-bind:value="article.quantity" v-else /> 901 902 <button type="submit" 903 class="btn btn-primary btn-add" 904 name="article_order_form[orderbutton]" 905 v-on:click="order_article"> 906 <span class="fa fa-shopping-cart"></span> 907 </button> 908 </div> 909 <div class="hideDefault"> 910 <input type="hidden" 911 name="id" 912 v-bind:value="article.id"/> 913 </div> 914 </div> 915 </form> 916 <div class="btn-group proto-article no-order" v-else> 917 <a class="btn btn-primary" v-bind:href="article.permalink"> 918 Details 919 </a> 920 </div> 921 </div> 922 </div> 923 </div> 924 925 <ul class="pagination" v-if="typeof pagers.alternatives !== 'undefined' && pagers.alternatives.last > 1" data-key="alternatives"> 926 <!-- FIRST indicator --> 927 <li v-if="pagers.alternatives.current > 1"> 928 <a href="#" 929 v-on:click.prevent="pager_navigate(1, 'alternatives')" 930 class="first" 931 data-page="1" 932 aria-label="Eerste">
933 <span aria-hidden="true">«</span> 934 </a> 935 </li> 936 937 <!-- PREVIOUS indicator --> 938 <li v-if="pagers.alternatives.current > 1"> 939 <a href="#" 940 v-on:click.prevent="pager_navigate(pagers.alternatives.current - 1, 'alternatives')" 941 class="prev" 942 v-bind:data-page="(pagers.alternatives.current - 1)" 943 aria-label="Vorige"> 944 <span aria-hidden="true"><</span> 945 </a> 946 </li> 947 948 949 <!-- PAGE NUMBER indicator(s) --> 950 <li v-for="n in pagers.alternatives.to" 951 v-if="n >= pagers.alternatives.from" 952 v-bind:class="n===pagers.alternatives.current?'active':''"> 953 <a href="#" 954 v-on:click.prevent="pager_navigate(n, 'alternatives')" 955 v-bind:data-page="n" 956 v-text="n">}</a> 957 </li> 958 959 <!-- NEXT indicator --> 960 <li v-if="pagers.alternatives.current < pagers.alternatives.last"> 961 <a href="#" 962 v-bind:data-page="(pagers.alternatives.current + 1)" 963 v-on:click.prevent="pager_navigate(pagers.alternatives.current + 1, 'alternatives')" 964 class="next" 965 aria-label="Volgende"> 966 <span aria-hidden="true">></span> 967 </a> 968 </li> 969 970 <!-- LAST indicator --> 971 <li v-if="pagers.alternatives.current < pagers.alternatives.last"> 972 <a href="#" 973 v-bind:data-page="pagers.alternatives.last" 974 v-on:click.prevent="pager_navigate(pagers.alternatives.last, 'alternatives')" 975 class="last" 976 aria-label="Laatste"> 977 <span aria-hidden="true">»</span> 978 </a> 979 </li> 980</ul> 981</div> 982 <div class="pages" v-if="typeof results.extrapages !== 'undefined' && results.extrapages.length >= 1"> 983 <h3>Service</h3> 984 <div v-for="page in results.extrapages"> 985 <a v-bind:href="Routing.generate('content_show', {'id': page.id, 'page': page.slug})" 986 v-text="page.name"></a> 987 </div> 988</div> 989 </div> 990 </div> 991 992 <div class="lv_search" v-else> 993 <div class="header"> 994 <h1>Zoeken</h1> 995 </div> 996 997 <div class="results"> 998 Op zoek naar een specifiek product? Gebruik de zoekmogelijkheid en/of de filters om bij het juiste artikel te komen. 999 </div> 1000 </div> 1001 </div> 1002 <div class="sidebar left" layout="1"> 1003 <div class="widget widget_filter" type="filter" > 1004 <div class="panel panel-default"> 1005 <div class="panel-body"> 1006 <div class="form-group"> 1007 <label for="filter_query">Waar ben je naar op zoek?</label> 1008 <input type="search" class="form-control" name="query" id="filter_query" v-model="search_options.query" /> 1009 </div> 1010 1011 <div class="checkbox"> 1012 <label for="filter_variants"> 1013 <input id="filter_variants" type="checkbox" value="1" v-model="search_options.withVariants"/>Toon varianten</label> 1014 </div> 1015 </div> 1016 1017<div class="panel-body selected-filters"> 1018 <span class="label-container" v-if="selectedFilters.length > 0"> 1019 <span class="label label-default label-dismissable" v-for="choice in selectedFilters" :key="choice.key + '-' + choice.value" v-on:click="removeFilter(choice)" v-text="choice.label"></span> 1020</span> 1021 1022<button type="button" class="btn-link" v-on:click="resetFilters">Herstel</button> 1023</div> 1024 1025 <div class="panel-body SortFilter" v-if="hasAttribute('sortMode')" v-bind:class="attributeHasMore('sortMode') ? 'has-more' : ''"> 1026 <strong>Sorteer op</strong> 1027 <select id="sortMode" name="sortMode" class="form-control" v-model="search_options.sort"> 1028 <option value="sortRelevancyDesc" id="sortRelevancyDesc">Meest relevant</option> 1029 <option value="sortRelevancyAsc" id="sortRelevancyAsc">Minst relevant</option> 1030 <option value="sortNameAsc" id="sortNameAsc">Naam oplopend</option> 1031 <option value="sortNameDesc" id="sortNameDesc">Naam aflopend</option> 1032 <option value="sortPriceAsc" id="sortPriceAsc">Laagste prijs</option> 1033 <option value="sortPriceDesc" id="sortPriceDesc">Hoogste prijs</option> 1034 <option value="sortArticleCodeAsc" id="sortArticleCodeAsc">Artikelcode (oplopend)</option> 1035 <option value="sortArticleCodeDesc" id="sortArticleCodeDesc">Artikelcode (aflopend)</option> 1036 </select> 1037 </div> 1038 <div class="panel-body CategoryFilter" v-if="hasAttribute('category')" v-bind:class="attributeHasMore('category') ? 'has-more' : ''"> 1039 <strong>Categorieën</strong> 1040 1041<div class="options" > 1042 1043 <div class="checkbox attribute_choice" 1044 v-for="choice in getFilter('CategoryFilter').choices" 1045 v-bind:class="choice.attributes.hasOwnProperty('classes') 1046 ? choice.attributes.classes.join(' ') 1047 : ''" 1048 > 1049 1050 <label v-bind:for="'filter_category_' + choice.id "> 1051 <input type="checkbox" 1052 name="categories[]" v-bind:value="choice.value" v-bind:id="'filter_category_' + choice.id " 1053 v-model="search_options.category" 1054 />
1055 <span class="name" v-html="choice.label"></span> 1056 </label> 1057 </div> 1058</div> 1059 1060 </div> 1061 <div class="panel-body PriceFilter" v-if="hasAttribute('price')" v-bind:class="attributeHasMore('price') ? 'has-more' : ''"> 1062 <strong>Prijskiezer</strong> 1063 <div class="rangeSlider" v-on:mouseup="updatePriceSlider" v-on:touchend="updatePriceSlider"> 1064 <input type="text" id="price" name="price" class="priceRange" 1065 data-provide="slider" 1066 data-slider-min="0" 1067 data-slider-max="9999999999" 1068 data-slider-value="[0, 9999999999]"> 1069</div> 1070 </div> 1071<button type="button" class="btn btn-primary search" v-on:click="update()">Zoeken</button> 1072 </div> 1073 </div> 1074 1075 </div> 1076 1077 1078 </div> 1079 </div> 1080 1081 <footer id="nav-footer"> 1082 <div class="widget-container-footer"> 1083 <div class="widget-column " > 1084 <div class="widget-container footer-bg-grey" layout="1/1/1"> 1085 <div class="widget widget_html" type="html" > 1086 <h4>Contact</h4> 1087 1088<strong>www.uitgeverijbetelgeuze.nl</strong><br><p> 1089 1090Barnsteenstraat 24, 2403 BZ, Alphen aan den Rijn<br> 1091 1092[email protected]</p> 1093 </div> 1094 <div class="widget widget_content" type="content" position="BOTTOM" > 1095 <h4>Service</h4> 1096 <ul class="menu"> 1097 <li> 1098 <a href="/retouren/c-102"> 1099 Retouren 1100 </a> 1101 </li> 1102 <li> 1103 <a href="/contact/c-11"> 1104 Contact 1105 </a> 1106 </li> 1107 <li> 1108 <a href="/privacy-verklaring/c-37"> 1109 Privacy Verklaring 1110 </a> 1111 </li> 1112 <li> 1113 <a href="/algemene-leveringsvoorwaarden/c-85"> 1114 Algemene leveringsvoorwaarden 1115 </a> 1116 </li> 1117 </ul> </div> 1118 <div class="widget widget_social" type="social" > 1119 <h4>Sociale media</h4> 1120 <ul class="menu social"> 1121 <li class="linkedin"> 1122 <a href="https://www.linkedin.com/company/uitgeverij-betelgeuze/?viewAsMember=true" title="LinkedIn" target="_blank"> 1123 <i class="fa-brands fa-linkedin"></i> 1124 </a> 1125 </li> 1126 </ul> 1127 </div> 1128 </div> 1129 1130 <div class="widget-container footer-bg-brand" layout="1"> 1131 <div class="widget widget_html" type="html" > 1132 <div align="center"><font color="#ffffff">De naam Betelgeuze is ontleend aan de ster Betelgeuze in het sterrenbeeld Orion. Het is een zogenaamde rode superreus, de negende helderste ster aan de hemel en de Alphaster in het sterrenbeeld Orion op de plaats van de 'linker schouder'.</font></div> 1133 </div> 1134 </div> 1135 1136 </div> 1137 1138 </div> 1139 <div id="footer-bar"> 1140 <div class="container"> 1141 <ul class="nav navbar-nav " > 1142 1143 </ul> 1144 1145 </div> 1146 </div> 1147</footer> 1148 1149 <div id="backdrop"></div> 1150 1151 <div id="cart-popup" class="modal fade" aria-labelledby="cartTitle" role="dialog"> 1152 <div class="modal-dialog modal-lg" role="document"> 1153 <div class="modal-content" id="cart"> 1154 <div class="modal-header"> 1155 <button class="close" 1156 aria-label="Sluit" 1157 data-dismiss="modal" 1158 type="button"> 1159 <span aria-hidden="true">×</span> 1160 </button> 1161 <h4 class="modal-title" id="cartTitle"> 1162 <a href="/winkelwagen/">Winkelwagen</a> 1163 </h4> 1164 </div> 1165 <div class="modal-body"> 1166 <div id="cart-messages"> 1167 <div v-for="(messages, level) in flashes"> 1168 <div v-for="message in messages" 1169 v-bind:class="'alert alert-'+level" 1170 v-html="message"></div> 1171 </div> 1172</div> 1173<div class="cart" v-if="cart.total_items > 0"> 1174 <table v-for="(articles, bag) in cart.bags" 1175 v-bind:data-bag="bag" 1176 class="table table-striped cart-table vue-cart"> 1177 <thead v-if="bag === 'subscriptions'"> 1178 <th class="actions"></th> 1179 <th class="qty">Aantal</th> 1180 <th class="product">Artikel</th> 1181 <th class="price">Startprijs</th> 1182 <th class="price price-recurring">Daarna</th> 1183 <th class="period">Periode</th> 1184 <th class="total">Totaal</th> 1185 </thead> 1186 <thead v-else> 1187 <th class="actions"></th> 1188 <th class="qty">Aantal</th> 1189 <th class="product">Artikel</th> 1190 <th class="price">Stukprijs</th> 1191 <th class="total">Totaal</th> 1192 </thead> 1193 <tbody class="cart-items"> 1194 <tr class="cart-item" 1195 v-for="(article, cart_line) in articles" 1196 v-bind:data-min="article.min_qty" 1197 v-bind:data-max="article.max_qty" 1198 v-bind:data-step="article.step_size" 1199 v-bind:data-precision="article.step_precision" 1200 v-bind:data-bag="bag" 1201 v-bind:data-cartKey="cart_line"> 1202 <td class="actions"> 1203 <button type="button" 1204 class="cart-increase" 1205 title="Toevoegen" 1206 v-show="bag !=='gifts'" 1207 v-on:click="add" 1208 v-bind:disabled="article.max_qty<=article.quantity">
1209 <span class="sr-only">Toevoegen</span> 1210 <span class="fa fa-plus"></span> 1211 </button> 1212 <button type="button" 1213 class="cart-decrease" 1214 title="Verwijderen" 1215 v-show="bag !=='gifts'" 1216 v-on:click="remove" 1217 v-bind:disabled="article.min_qty>=article.quantity"> 1218 <span class="sr-only">Verwijderen</span> 1219 <span class="fa fa-minus"></span> 1220 </button> 1221 <button type="button" 1222 class="cart-remove" 1223 title="Verwijderen" 1224 v-on:click="remove_all"> 1225 <span class="sr-only">Verwijderen</span> 1226 <span class="fa fa-trash"></span> 1227 </button> 1228 </td> 1229 <td class="qty"> 1230 <span class="prod-qty" v-text="article.quantity"></span> 1231 </td> 1232 <td class="product"> 1233 <div class="thumb" v-if="include_images && article.pictures 1234 && (article.pictures.mini || article.pictures.small) "> 1235 <img v-bind:alt="article.description" v-bind:src="article.pictures.mini" 1236 v-if="article.pictures.mini"/> 1237 <img v-bind:alt="article.description" v-bind:src="article.pictures.small" 1238 v-else/> 1239 </div> 1240 <div class="prodData"> 1241 <!-- Product Data --> 1242 <a v-bind:href="article.permalink" v-text="article.description"></a><br/> 1243 <span class="measure" v-text="article.measure" v-if="article.measure"></span> 1244 <br v-if="article.measure"/> 1245 1246 <!-- Selected Options --> 1247 <div class="options"> 1248 <div class="option" 1249 v-for="option in article.options" 1250 v-if="option.value !==null"> 1251 <span class="option name"> 1252 <strong v-text="option.label + ':'"></strong> 1253 <span v-text="option.value"></span> 1254 </span> 1255 <span class="option total small" 1256 v-text="'(' + Math.toPrice(option.prices.each, true) + ')'" 1257 v-if="option.price"></span> 1258 </div> 1259 </div> 1260 1261 <!-- Cart Text --> 1262 <div class="cartText" v-if="article.cartText" v-html="article.cartText"></div> 1263 1264 <!-- Small Order Premium --> 1265 <div class="premium" v-if="article.premium && article.premium.applied"> 1266 <span v-text="Translator.trans('article.price.small_order_surplus', {'count': article.premium.quantity }, 'messages') + ':'"></span> 1267 <span class="total small" v-text="Math.toPrice(article.premium.price)"></span> 1268 </div> 1269 1270 <!-- "Eenmalige" Optiemeerprijzen --> 1271 <div class="premium" v-if="typeof article.price_once !== 'undefined' && article.price_once != 0"> 1272 <span v-text="Translator.trans('article.price.once.surplus')"></span> 1273 <span class="total small" v-text="Math.toPrice(article.price_once, true)"></span> 1274 </div> 1275 1276 <!-- Messages --> 1277 <div class="messages" v-if="article.messages"> 1278 <div v-for="message in article.messages" 1279 v-bind:class="'alert alert-'+message.level" 1280 v-text="Translator.trans(message.message, message.data)"> 1281 </div> 1282 </div> 1283 <div class="visible-xs"> 1284 <!-- Todo --> 1285 <strong>Aantal</strong>: 1286 <span class="prod-qty" v-text="article.quantity"></span> 1287 <div class="actions"> 1288 <button type="button" 1289 class="cart-increase" 1290 title="Toevoegen" 1291 v-show="bag !=='gifts'" 1292 v-on:click="add" 1293 v-bind:disabled="article.max_qty<=article.quantity">
1294 <span class="sr-only">Toevoegen</span> 1295 <span class="fa fa-plus"></span> 1296 </button> 1297 <button type="button" 1298 class="cart-decrease" 1299 title="Verwijderen" 1300 v-show="bag !=='gifts'" 1301 v-on:click="remove" 1302 v-bind:disabled="article.min_qty>=article.quantity"> 1303 <span class="sr-only">Verwijderen</span> 1304 <span class="fa fa-minus"></span> 1305 </button> 1306 <button type="button" 1307 class="cart-remove" 1308 title="Verwijderen" 1309 v-on:click="remove_all"> 1310 <span class="sr-only">Verwijderen</span> 1311 <span class="fa fa-trash"></span> 1312 </button> 1313 </div> 1314 </div> 1315 </div> 1316 </td> 1317 <td class="price"> 1318 <span class="amt" v-text="Math.toPrice(article.unit_price)"></span> 1319 <strong v-if="bag === 'gifts'">(Cadeau)</strong> 1320 </td> 1321 <td class="price price-recurring" v-if="bag === 'subscriptions'"> 1322 <span class="amt" v-text="Math.toPrice(article.subscription_recurring_price)"></span> 1323 </td> 1324 <td class="period" 1325 v-if="bag === 'subscriptions'" 1326 v-text="Translator.trans('article.period.'+article.subscription_period)"></td> 1327 <td class="total"> 1328 <span class="amt" v-text="Math.toPrice(article.price)"></span> 1329 </td> 1330 </tr> 1331 </tbody> 1332 </table> 1333 1334 1335 <table class="table table-striped cart-table"> 1336 <tfoot> 1337 <!-- Subtotal Row --> 1338 <tr class="subtotal"> 1339 <td class="actions"></td> 1340 <td colspan="3">Subtotaal</td> 1341 <td class="total"> 1342 <span class="amt" v-text="Math.toPrice(cart.price)"></span> 1343 </td> 1344 </tr> 1345 1346 <!-- Discount Row --> 1347 <tr class="discount" v-for="(discount,label) in cart.discounts" v-if="cart.discounts && label !== 'total'" v-bind:class="label"> 1348 <td class="actions"></td> 1349 <td colspan="2" 1350 v-text="discount.label"></td> 1351 <td class="price" v-text="Math.toPrice(discount.price * -1)"></td> 1352 <td class="total"></td> 1353 </tr> 1354 <tr class="discount total" v-if="cart.discounts.total > 0"> 1355 <td class="actions"></td> 1356 <td colspan="3" v-text="Translator.trans('price.your_discount')"></td> 1357 <td class="total" v-text="Math.toPrice(cart.discounts.total * -1)"></td> 1358 </tr> 1359 1360 <!-- Ecotax Row (placeholder) --> 1361 <tr class="ecotax" v-for="ecotax in cart.ecotaxes" v-if="cart.ecotaxes"> 1362 <td class="actions"></td> 1363 <td colspan="3" v-text="ecotax.name"></td> 1364 <td class="total"> 1365 <span class="amt" 1366 v-text="Math.toPrice(cart.incVat?ecotax.price_incvat:ecotax.price_exvat)"></span> 1367 </td> 1368 </tr> 1369 1370 <!-- Cart Total Row --> 1371 <tr class="total"> 1372 <td class="actions"></td> 1373 <td colspan="3">Totaal</td> 1374 <td class="total"> 1375 <span class="amt" v-text="Math.toPrice(cart.total)"></span> 1376 </td> 1377 </tr> 1378 1379 <!-- Informative Rows --> 1380 <tr class="vat-description"> 1381 <td colspan="5" v-if="cart.incVat">*Prijzen zijn inclusief btw</td> 1382 <td colspan="5" v-else>*Prijzen zijn exclusief btw</td> 1383 </tr> 1384 1385 <tr class="weight" v-if="weight"> 1386 <td colspan="4">Totaal gewicht</td> 1387 <td class="price"> 1388 <span class="amt" v-text="Math.toDisplay(cart.weight)"></span>
1389 <span class="unit" v-text="weight"></span> 1390 </td> 1391 </tr> 1392 </tfoot> 1393 </table> 1394</div> 1395<div class="alert alert-warning" v-else>Uw winkelwagen is leeg</div> 1396 1397 <div id="gifts" v-if="cart.availableGifts"> 1398 <h4>Cadeaulijst - maak uw keuze</h4> 1399 <div class="article-container grid"> 1400 <div class="prod gift" v-for="article in cart.availableGifts" v-bind:data-aid="article.id"> 1401 <div class="wrap"> 1402 <a class="prod-link" v-bind:href="article.permalink"> 1403 <div class="img-container"> 1404 <img class="thumb" 1405 v-if="article.pictures.small" 1406 v-bind:src="article.pictures.small" 1407 v-bind:alt="article.description"/> 1408 <img class="thumb" 1409 v-else-if="article.pictures.mini" 1410 v-bind:src="article.pictures.mini" 1411 v-bind:alt="article.description"/> 1412 </div> 1413 <h4><span class="prod-title" v-text="article.description"></span><br/> 1414 <small class="prod-specification" v-text="article.specification"></small> 1415 </h4> 1416 <div class="price-container"> 1417 <span class="recommended" 1418 v-if="article.recommended_price > article.unit_price 1419 && typeof article.price_display === 'undefined'"> 1420 <span class="amt" 1421 v-text="Math.toPrice(article.recommended_price)"></span> 1422 </span> 1423 <span class="price-display"> 1424 <span class="amt" 1425 v-text="Math.toPrice(article.unit_price)" 1426 v-if="typeof article.price_display === 'undefined'"></span> 1427 <span v-else 1428 class="amt" 1429 v-text="article.price_display"></span> 1430 </span> 1431 </div> 1432 </a> 1433 <div class="btn-group proto-gift"> 1434 <a v-bind:href="article.permalink" class="btn btn-primary prod-link"> 1435 <span class="fa fa-info-circle" 1436 data-toggle="tooltip" 1437 data-position="top" 1438 title="Details"> 1439 </span> 1440 </a> 1441 <button type="button" class="btn btn-default btn-add" v-on:click="addGift" v-bind:data-aid="article.id"> 1442 <span class="fa fa-plus" 1443 data-toggle="tooltip" 1444 data-position="top" 1445 title="Toevoegen"/></span> 1446 </button> 1447 </div> 1448 </div> 1449 </div> 1450 </div> 1451</div> 1452 </div> 1453 <div class="modal-footer"> 1454 <button type="button" data-dismiss="modal" class="btn btn-default"> 1455 Sluit 1456 </button> 1457 <a href="/winkelwagen/" class="btn btn-default"> 1458 Naar winkelwagen</a> 1459 <a href="/afrekenen" 1460 class="btn btn-primary" 1461 v-if="cart.canBeOrdered && cart.total_items > 0"> 1462 Bestellen 1463 </a> 1464 </div> 1465 </div> 1466 </div> 1467</div> 1468 1469 1470 1471 1472 <div class="consent"> 1473 <div class="container askConsent" style="display:block"> 1474 <div class="h3">Welkom! Deze website maakt gebruik van cookies</div> 1475 <div id="text">Leuk dat je onze site bezoekt. Geef hier aan welke cookies we mogen plaatsen. De noodzakelijke cookies verzamelen geen persoonsgegevens. De overige cookies helpen ons de site en je bezoekerservaring te verbeteren. Ook helpen ze ons om onze producten beter bij je onder de aandacht te brengen. Ga je voor een optimaal werkende website inclusief alle voordelen? Vink dan alle vakjes aan!</div> 1476 <form method="POST" action="/privacy/set-consent"> 1477 <div class="checkbox"> 1478 <label> 1479 <input type="checkbox" name="cookie_consent" checked disabled value="0"/> 1480 Noodzakelijk 1481 </label> 1482 </div> 1483 <div class="checkbox"> 1484 <label> 1485 <input type="checkbox" name="cookie_consent" value="1"/> 1486 Voorkeuren 1487 </label> 1488 </div> 1489 <div class="checkbox"> 1490 <label> 1491 <input type="checkbox" name="cookie_consent" value="2"/> 1492 Statistieken 1493 </label> 1494 </div> 1495 <div class="checkbox"> 1496 <label> 1497 <input type="checkbox" name="cookie_consent" value="4"/> 1498 Marketing 1499 </label> 1500 </div> 1501 <button type="button" id="saveConsent" class="pull-right btn btn-success">Opslaan</button> 1502 </form> 1503
1503<script> 1504 window.updateGTMConsent = (callback) => { 1505 if (typeof callback === 'function') { 1506 document.addEventListener('lv_consent_update', function(event) { 1507 callback(event.consentValue); 1508 }); 1509 } 1510 } 1511 1512 document.addEventListener('DOMContentLoaded', function () { 1513 let consent_form = $('div.consent').find('form'); 1514 consent_form.find('button#saveConsent').on('click', function () { 1515 let label = $(this).text(); 1516 $(this).html('<span class="fa fa-spin fa-spinner" id="spinner"></span> ' + label); 1517 1518 // Get the Consent Value 1519 let consent_value = 0; 1520 $('input[name=cookie_consent]').filter(':checked').each((k, el) => { 1521 consent_value += parseInt(el.value); 1522 }); 1523 1524 let event = new CustomEvent('lv_consent_update'); 1525 event.consentValue = consent_value; 1526 document.dispatchEvent(event); 1527 1528 $.post( 1529 Routing.generate('consent_set'),{ 1530 cookie_consent: consent_value 1531 } 1532 ) 1533 .done(function (response) { 1534 if (typeof response.consent === "undefined") { 1535 consent_form.prepend('<div class="alert alert-danger">' 1536 + Translator.trans('cookieconsent.prefs_error') 1537 + '</div>' 1538 ); 1539 } else { 1540 consent_form.prepend('<div class="alert alert-success">' 1541 + Translator.trans('cookieconsent.prefs_success') 1542 + '</div>' 1543 ); 1544 $(this).text(label); 1545 window.location.reload(); 1546 } 1547 }) 1548 .always(function() { 1549 $(this).siblings('span').remove(); 1550 }); 1551 }); 1552 $('div.consent').show(); 1553 1554 $('#toggleConsentDiv').on('click', function () { 1555 $('div.consent > div').toggle(); 1556 }); 1557 1558 $('#withdrawConsent').on('click', function () { 1559 let event = new CustomEvent('lv_consent_update'); 1560 event.consentValue = 0; 1561 document.dispatchEvent(event); 1562 1563 $.get(Routing.generate('consent_withdraw')); 1564 }); 1565 }); 1566 </script>
1566 1567 </div> 1568</div> 1569
1569<script> 1570 WebFontConfig = { 1571 google: {families: ['Source+Sans+Pro:400,300,600,700:latin', 'Russo+One::latin']} 1572 }; 1573 (function () { 1574 var wf = document.createElement('script'); 1575 wf.src = ('https:' === document.location.protocol ? 'https' : 'http') + 1576 '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js'; 1577 wf.type = 'text/javascript'; 1578 wf.async = 'true'; 1579 var s = document.getElementsByTagName('script')[0]; 1580 s.parentNode.insertBefore(wf, s); 1581 })(); 1582 </script>
1582 1583 1584
1584<script> 1585 var results = []; 1586 var pagers = []; 1587 var result_count = 0; 1588 var render_results = false; 1589 var filter_variants = false; 1590 var query = ""; var limit = 20; 1591 var displayMode = 'grid'; 1592 </script>
1592 1593
1593<script src="/js/app.min.js?h=448b1f4b" async defer id="mainScripts"></script>
1593 1594 1595
1595<script src="/assets/theme.min.js?h=0b052fc0" async defer id="themeScripts"></script>
1595 1596 </body> 1597</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.