PageSourceSearch

https://uitgeverijbetelgeuze.nl/zoeken

html uitgeverijbetelgeuze.nl collected 2026-10-05 21:55:53 UTC 64,578 bytes, 1,597 lines download raw bytes

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">&laquo;</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">&lt;</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">&gt;</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">&raquo;</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">&laquo;</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">&lt;</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">&gt;</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">&raquo;</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">&laquo;</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">&lt;</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">&gt;</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">&raquo;</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">&laquo;</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">&lt;</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">&gt;</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">&raquo;</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">&laquo;</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">&lt;</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">&gt;</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">&raquo;</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">&laquo;</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">&lt;</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">&gt;</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">&raquo;</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">&times;</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>&nbsp;' + 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.