PageSourceSearch

https://fruit.hero.nl/hero-jam

html hero.nl collected 2026-10-02 06:31:36 UTC 39,733 bytes, 786 lines download raw bytes

1<!DOCTYPE html>
2<html lang="nl" dir="ltr" prefix="content: http://purl.org/rss/1.0/modules/content/  dc: http://purl.org/dc/terms/  foaf: http://xmlns.com/foaf/0.1/  og: http://ogp.me/ns#  rdfs: http://www.w3.org/2000/01/rdf-schema#  schema: http://schema.org/  sioc: http://rdfs.org/sioc/ns#  sioct: http://rdfs.org/sioc/types#  skos: http://www.w3.org/2004/02/skos/core#  xsd: http://www.w3.org/2001/XMLSchema# ">
3  <head>
4    <meta charset="utf-8" />
5<meta name="robots" content="index, follow" />
6<link rel="canonical" href="https://fruit.hero.nl/hero-jam" />
7<meta name="Generator" content="Drupal 11 (https://www.drupal.org)" />
8<meta name="MobileOptimized" content="width" />
9<meta name="HandheldFriendly" content="true" />
10<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
11<meta http-equiv="x-ua-compatible" content="ie=edge" />
12<link rel="preload" as="image" href="/sites/hero_nl_fruit/files/2026-06/5%202.png" type="image/png" imagesrcset="/sites/hero_nl_fruit/files/styles/large/public/2026-06/5%202.png?itok=kqTpeFst 1x, /sites/hero_nl_fruit/files/styles/large/public/2026-06/5%202.png?itok=kqTpeFst 2x" />
13<link rel="preload" as="image" href="/sites/hero_nl_fruit/files/2026-06/4%203.png" type="image/png" imagesrcset="/sites/hero_nl_fruit/files/styles/large/public/2026-06/4%203.png?itok=xWZDaFGx 1x, /sites/hero_nl_fruit/files/styles/large/public/2026-06/4%203.png?itok=xWZDaFGx 2x" />
14<link rel="preload" as="image" href="/sites/hero_nl_fruit/files/2026-06/3%206.png" type="image/png" imagesrcset="/sites/hero_nl_fruit/files/styles/large/public/2026-06/3%206.png?itok=cA23UA4x 1x, /sites/hero_nl_fruit/files/styles/large/public/2026-06/3%206.png?itok=cA23UA4x 2x" />
15<style>
16        :root {
17          --font-headline-font-family: "Mulish", sans-serif;
17--font-headline-font-weight: 700;--font-headline-font-style: normal;
18          --font-body-font-family: "Mulish", sans-serif;--font-body-font-weight: 400;--font-body-font-style: normal;
19          --headlines-uppercase: none;
20          --box-menu-shadow: 0px 8px 6px 0px rgba(0, 0, 0, 0.1);
21          --box-card-shadow: 0px 10px 16px -4px rgba(0,0,0,0.1);
22          --primary-colour-1: #00328C;
23          --primary-colour-1-op-5: rgba(0, 50, 140, 0.05);
24          --alert-colour-1: ;
25          --alert-colour-2: ;
26          --secondary-colour-1: #4D70AF;
27          --secondary-colour-2: #B2C1DD;
28          --secondary-colour-3: #F2F5F9;
29          --secondary-colour-4: #FAEFD9;
30          --secondary-colour-5: #09224F;
31          --neutral-colour-1: #121212;
32          --neutral-colour-2: #FFFFFF;
33          --neutral-colour-3: #ECEEF1;
34          --light-text-headline: #00328C;
35          --light-text-body: #121212;
36          --light-text-link: #00328C;
37          --light-text-link-hover: #4D70AF;
38          --light-bt-background: #00328C;
39          --light-bt-background-hover: #09224F;
40          --light-bt-foreground: #FFFFFF;
41          --light-bt-foreground-hover: #FFFFFF;
42          --light-bg-color: #FAEFD9;
43          --light-full-bg-image: url();
44          --light-product-bg-image: url();
45          --dark-text-headline: #FFFFFF;
46          --dark-text-body: #FFFFFF;
47          --dark-text-link: #FFFFFF;
48          --dark-text-link-hover: #B2C1DD;
49          --dark-bt-background: #FFFFFF;
50          --dark-bt-background-hover: #4D70AF;
51          --dark-bt-foreground: #00328C;
52          --dark-bt-foreground-hover: #FFFFFF;
53          --dark-bg-color: #00328C;
54          --dark-full-bg-image: url();
55          --dark-product-bg-image: url();
56          --background-colour: #FFFFFF;
57          --background-image: url();
58          --background-attachment: scroll;
59          --background-repeat: repeat;
60          --background-position: center;
61          --background-size: cover;
62        }
63      </style>
64<link rel="icon" href="/themes/custom/hero_blue/favicon.ico" type="image/vnd.microsoft.icon" />
65<link rel="shortcut icon" href="/themes/custom/hero_blue/favicon.svg" type="image/svg" />
66<script>window.a2a_config=window.a2a_config||{};a2a_config.callbacks=[];a2a_config.overlays=[];a2a_config.templates={};a2a_config.icon_color = "#FFFFFF,#00328C";
67</script>
67
68<style>.a2a_svg { border-radius: 50%/50% !important; }</style>
69
70    <title>Hero Jam | Hero</title>
71    <link rel="stylesheet" media="all" href="/core/assets/vendor/jquery.ui/themes/base/core.css?tm6dlg" />
72<link rel="stylesheet" media="all" href="/core/assets/vendor/jquery.ui/themes/base/autocomplete.css?tm6dlg" />
73<link rel="stylesheet" media="all" href="/core/assets/vendor/jquery.ui/themes/base/menu.css?tm6dlg" />
74<link rel="stylesheet" media="all" href="/core/misc/components/autocomplete-loading.module.css?tm6dlg" />
75<link rel="stylesheet" media="all" href="/core/modules/system/css/components/align.module.css?tm6dlg" />
76<link rel="stylesheet" media="all" href="/core/modules/system/css/components/container-inline.module.css?tm6dlg" />
77<link rel="stylesheet" media="all" href="/core/modules/system/css/components/clearfix.module.css?tm6dlg" />
78<link rel="stylesheet" media="all" href="/core/modules/system/css/components/hidden.module.css?tm6dlg" />
79<link rel="stylesheet" media="all" href="/core/modules/system/css/components/js.module.css?tm6dlg" />
80<link rel="stylesheet" media="all" href="/core/misc/components/progress.module.css?tm6dlg" />
81<link rel="stylesheet" media="all" href="/core/misc/components/ajax-progress.module.css?tm6dlg" />
82<link rel="stylesheet" media="all" href="/modules/custom/tribal_vanilla_megamenu/css/reset.min.css?tm6dlg" />
83<link rel="stylesheet" media="all" href="/modules/custom/tribal_vanilla_megamenu/css/ionicon.min.css?tm6dlg" />
84<link rel="stylesheet" media="all" href="/modules/custom/tribal_vanilla_megamenu/css/style.css?tm6dlg" />
85<link rel="stylesheet" media="all" href="/core/assets/vendor/jquery.ui/themes/base/theme.css?tm6dlg" />
86<link rel="stylesheet" media="all" href="/modules/contrib/addtoany/css/addtoany.css?tm6dlg" />
87<link rel="stylesheet" media="all" href="/modules/contrib/better_exposed_filters/css/better_exposed_filters.css?tm6dlg" />
88<link rel="stylesheet" media="all" href="/modules/contrib/ckeditor5_readmore/css/ckeditor-readmore.css?tm6dlg" />
89<link rel="stylesheet" media="all" href="/modules/contrib/paragraphs/css/paragraphs.unpublished.css?tm6dlg" />
90<link rel="stylesheet" media="all" href="/modules/contrib/search_api_autocomplete/css/search_api_autocomplete.css?tm6dlg" />
91<link rel="stylesheet" media="all" href="/themes/contrib/bootstrap_barrio/css/components/node.css?tm6dlg" />
92<link rel="stylesheet" media="all" href="/themes/contrib/bootstrap_barrio/css/components/form.css?tm6dlg" />
93<link rel="stylesheet" media="all" href="/core/../themes/contrib/bootstrap_barrio/components/breadcrumb/breadcrumb.css?tm6dlg" />
94<link rel="stylesheet" media="all" href="/themes/custom/hero_master/css/style.css?tm6dlg" />
95<link rel="stylesheet" media="all" href="/themes/custom/hero_blue/css/style.css?tm6dlg" />
96
97    
97<script type="application/json" data-drupal-selector="drupal-settings-json">{"path":{"baseUrl":"\/","pathPrefix":"","currentPath":"node\/161","currentPathIsAdmin":false,"isFront":false,"currentLanguage":"nl"},"pluralDelimiter":"\u0003","suppressDeprecationErrors":true,"gtag":{"tagId":"","consentMode":false,"otherIds":[],"events":[],"additionalConfigInfo":[]},"ajaxPageState":{"libraries":"eJx1kFFuxCAMRC9EwlfPg0xwCF2DkW2q3duXrCpVTdQf5Hkj47EhJWNoLw8_xboLN3MRzVACPjsrprAXmlJ9xoYC5CKzqQn0EEGksN9Z6p1m4gi0qL2otHz3J33oHTdO6LYHpmIsH0EQUmVB_46GLbntVBvXzg2b6Xr9YVni2bTJqNFl5kwYDLLP87nqFT7h-RdWd6BwiDTwusLbqKDzGlerg0CeGQ71SUYHWn_JOlofkYoemJwiyHYE6CXAMD73IDT0_3Cnrzmu-giKzqTMmeELWiGCUDFDxTYuWb4Bt3e5YA","theme":"hero_blue","theme_token":null},"ajaxTrustedUrl":{"\/search":true},"gtm":{"tagId":null,"settings":{"data_layer":"dataLayer","include_classes":false,"allowlist_classes":"","blocklist_classes":"","include_environment":false,"environment_id":"","environment_token":""},"tagIds":["GTM-MR2JWQ57"]},"heroContext":{"page_type":"brand_category","content_type":"brand_category","content_id":"161","content_title":"Hero Jam","content_category":"","taxonomy_category":[],"taxonomy_tags":[],"site_language":"nl","site_country":"NL","site_brand":"Hero NL Fruit","site_platform":"drupal"},"search_api_autocomplete":{"search":{"auto_submit":true}},"user":{"uid":0,"permissionsHash":"81708e517613e27c03d88a632f505d2c047a41a453cf44a34253f6f35210af4d"}}</script>
vendor: 1 bytes, line 97
97
98<script src="/core/misc/drupalSettingsLoader.js?v=11.4.7"></script>
vendor: 1 bytes, line 98
98
99<script src="/modules/contrib/google_tag/js/gtag.js?tm6dlg"></script>
vendor: 1 bytes, line 99
99
100<script src="/modules/contrib/google_tag/js/gtm.js?tm6dlg"></script>
100
101
102              <link rel="preconnect" href="https://fonts.googleapis.com">
103<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
104<link rel="preload" href="https://fonts.googleapis.com/css2?family=Mulish:wght@700&display=swap" as="style">
105<link href="https://fonts.googleapis.com/css2?family=Mulish:wght@700&display=swap" rel="stylesheet" media="print" onload="this.media='all'">
106<noscript><link href="https://fonts.googleapis.com/css2?family=Mulish:wght@700&display=swap" rel="stylesheet"></noscript>
107
108                  <link rel="preload" href="https://fonts.googleapis.com/css2?family=Mulish&display=swap" as="style">
109        
109<script>
110      (function(g,e,o,t,a,r,ge,tl,y,s){
111      g.getElementsByTagName(o)[0].insertAdjacentHTML('afterbegin','<style id="georedirect1730299203594style">body{opacity:0.0 !important;}</style>');
112      s=function(){g.getElementById('georedirect1730299203594style').innerHTML='body{opacity:1.0 !important;}';};
113      t=g.getElementsByTagName(o)[0];y=g.createElement(e);y.async=true;
114      y.src='https://g10498469755.co/gr?id=-OASrcwbd6tyhHrsRzXX&refurl='+g.referrer+'&winurl='+encodeURIComponent(window.location);
115      t.parentNode.insertBefore(y,t);y.onerror=function(){s()};
116      georedirect1730299203594loaded=function(redirect){var to=0;if(redirect){to=5000};
117      setTimeout(function(){s();},to)};
118      })(document,'script','head');
119    </script>
119
120  </head>
121  <body class="layout-no-sidebars page-node-161 path-node node--type-brand-category preload">
122    <a href="#main-content" class="visually-hidden-focusable">
123      Skip to main content
124    </a>
vendor: 72 bytes, lines 124-125
124
125    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
125GTM-MR2JWQ57
vendor: 108 bytes, lines 125-128
125"
126                  height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
127
128      
128<div class="dialog-off-canvas-main-canvas" data-off-canvas-main-canvas>
129    <div class="layout-container">
130
131  <header role="banner" class="header component component__header has-language-switcher">
132  
133    
134<div class="header-wrapper">
135<div class="inner-header-wrapper">
136
137      <a href="/" title="Home" rel="home" class="navbar-brand">
138              <img src="/sites/hero_nl_fruit/files/afbeelding%20%282%29%20%281%29_0.png" alt="Home" class="img-fluid d-inline-block align-top" />
139            
140    </a>
141    
142
143    
144
145  <section class="wrapper">
146    <div class="header-item-center">
147      <div class="overlay"></div>
148      <nav class="menu" id="menu" role="navigation" aria-labelledby="block-hero-blue-hero-master-main-menu-menu">
149        <div class="menu-mobile-header">
150          <button type="button" class="menu-mobile-close"><i class="ion ion-ios-close"></i></button>
151        </div>
152        <div id="mobile-menu-top"></div>
153                
154
155    
156    <ul class="menu-section">
157      
158                                    
159                                <li class="menu-item-has-children">
160              <span class="menu-item-has-chevron">
161                                  <a href="/hero-jam">Hero Jam</a>
162                  <button type="button" class="menu-mobile-chevron" aria-label="Open Hero Jam submenu" aria-expanded="false"></button>
163                              </span>
164              <div class="horizontal-menu__overlay"></div>
165              <div  data-region="primary_menu" id="block-hero-blue-hero-master-main-menu" class="clearfix menu-subs menu-mega menu-column-3 block-hero-main-menu">
166                <div class="menu-mobile-nav-header">
167                <div class="menu-mobile-nav-header-back">
168                    <button type="button" class="menu-mobile-arrow" aria-label="Back to main menu"><i class="ion ion-ios-arrow-back" aria-hidden="true"></i></button>
169                    <div class="menu-mobile-title">Hero Jam</div>
170                  </div>
171                </div>
172                <div class="menu-item-has-children-wrapper">
173                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      <div class="list-item">
174      <div class="field field--name-field-dynamic-content field--type-link field--label-hidden field__items">
175              <div class="field__item"><a href="/our-foods">All our products</a></div>
176          </div>
177  </div>
178                                                                                <div class="list-item"></div>
179                                                                                <div class="list-item">
180            <div class="field field--name-field-image field--type-entity-reference field--label-hidden field__item"><div>
181  
182  
183            <div class="field field--name-field-media-image field--type-image field--label-hidden field__item">  <img loading="lazy" src="/sites/hero_nl_fruit/files/2025-08/1_Header_0.png" alt="header test" typeof="foaf:Image" />
184
185</div>
186      
187</div>
188</div>
189      
190  <h4>Peach Jam</h4>
191
192<p>Premium quality with natural ingredients</p>
193
194
195            <div class="field field--name-field-link field--type-link field--label-hidden promo-block--link field__item"><a href="/node/17">View product</a></div>
196      </div>
197                                                                                                                                  </div>
198              </div>
199            </li>
200          
201        
202      
203                                    
204                                            <li  class="menu-item"><a href="/hero-cassis">Hero Cassis</a></li>
205          
206        
207      
208                                    
209                                            <li  class="menu-item"><a href="/sauzen">Sauzen</a></li>
210          
211        
212      
213                                    
214                                            <li  class="menu-item"><a href="/recepten">Recepten</a></li>
215          
216        
217      
218                          <li class="menu-item-has-children">
219            <span class="menu-item-has-chevron">
220                              <a href="/wie-zijn-wij">Over ons</a>
221                <button type="button" class="menu-mobile-chevron" aria-label="Open Over ons submenu" aria-expanded="false"></button>
222                          </span>
223
224            <div class="menu-subs menu-column-1">
225              <div class="menu-mobile-nav-header">
226                <div class="menu-mobile-nav-header-back">
227                  <button type="button" class="menu-mobile-arrow" aria-label="Back to main menu"><i class="ion ion-ios-arrow-back" aria-hidden="true"></i></button>
228                  <div class="menu-mobile-title">Over ons</div>
229                </div>
230            </div>
231            <div class="menu-item-has-children-wrapper">
232              <ul>
233                                  <li><a href="/wie-zijn-wij">Wie zijn wij</a></li>
234                                  <li><a href="/veelgestelde-vragen">Veelgestelde vragen</a></li>
235                                  <li><a href="/contact">Contact</a></li>
236                              </ul>
237              </div>
238            </div>
239          </li>
240
241        
242          </ul>
243
244  
245
246
247      </nav>
248    </div>
249    <span class="search-toggle" aria-label="Zoeken"></span>
250    <span class="search-toggle-open" aria-label="Close search"></span>
251    <div class="horizontal-search-overlay"></div>
252
253        <div class="header-item-right">
254      <button type="button" class="menu-mobile-toggle">
255        <span></span>
256        <span></span>
257        <span></span>
258        <span></span>
259      </button>
260    </div>
261
262  </section>
263
264
265</div>
266</div>
267<div id="block-hero-blue-exposedformsearchpage-2" class="settings-tray-editable block block-views block-views-exposed-filter-blocksearch-page-2" data-drupal-settingstray="editable">
268  
269    
270      <div class="content">
271      
272<form class="views-exposed-form bef-exposed-form" data-drupal-selector="views-exposed-form-search-page-2" action="/search" method="get" id="views-exposed-form-search-page-2" accept-charset="UTF-8">
273  <div class="d-flex flex-wrap">
274  
275
276
277
278
279
280  <div class="js-form-item js-form-type-search-api-autocomplete form-type-search-api-autocomplete js-form-item-keyword form-item-keyword mb-3">
281          <label for="edit-keyword">Zoeken</label>
282                    <input placeholder="Zoeken" data-twig-suggestion="views-exposed-form-search-page-2" data-drupal-selector="edit-keyword" data-search-api-autocomplete-search="search" class="form-autocomplete form-control" data-autocomplete-path="/search_api_autocomplete/search?display=page_2&amp;&amp;filter=keyword" type="text" id="edit-keyword" name="keyword" value="" size="30" maxlength="128" />
283
284                      </div>
285<div data-twig-suggestion="views-exposed-form-search-page-2" data-drupal-selector="edit-actions" class="form-actions js-form-wrapper form-wrapper mb-3" id="edit-actions"><input data-twig-suggestion="views-exposed-form-search-page-2" data-drupal-selector="edit-submit-search" type="submit" id="edit-submit-search" value="Zoeken" class="button js-form-submit form-submit btn btn-primary form-control" />
286</div>
287
288</div>
289
290</form>
291
292    </div>
293  </div>
294
295
296</header>
297
298    <div id="block-hero-blue-hero-master-breadcrumbs" class="settings-tray-editable block block-system block-system-breadcrumb-block" data-drupal-settingstray="editable">
299  
300    
301      <div class="content">
302      
303  <nav role="navigation" aria-label="breadcrumb" style="">
304  <ol class="breadcrumb">
305            <li class="breadcrumb-item">
306        <a href="/">Home</a>
307      </li>
308                <li class="breadcrumb-item active">
309        Hero Jam
310      </li>
311        </ol>
312</nav>
313
314
315    </div>
316  </div>
317
318
319
320  
321
322  
323
324  <main role="main">
325    <a id="main-content" tabindex="-1"></a>
326    <div class="layout-content">
327        <div data-drupal-messages-fallback class="hidden"></div>
327<div id="block-hero-blue-hero-master-content" class="block block-system block-system-main-block">
328  
329    
330      <div class="content">
331      
332
333<article data-history-node-id="161" about="/hero-jam" class="node node--type-brand-category node--view-mode-full clearfix">
334  <header>
335    
336        
337      </header>
338
339  <div class="node__content clearfix">
340    
341
342
343      <div class="field field--name-field-components field--type-entity-reference-revisions field--label-hidden field__items">
344              <div class="field__item">
345
346
347
348    
349          
350        
351  <div
352     class="component component__banner-background-colour style__light component--view-mode--default"
353      >
354          <div
355        class="background"
356              >
357      </div>
358      <div class="content">
359                  <div class="brand-logo">
360            
361            <div class="field field--name-field-image field--type-entity-reference field--label-hidden field__item"><div>
362  
363  
364            <div class="field field--name-field-media-image field--type-image field--label-hidden field__item">  <img loading="lazy" src="/sites/hero_nl_fruit/files/2026-06/Hero%20Jam%20logo%20website%20v2.png" width="550" height="400" alt="Hero Logo" typeof="foaf:Image" />
365
366</div>
367      
368</div>
369</div>
370      
371          </div>
372                <div class="title">
373          
374  <h2 class="title text-center">Ouderwets lekker met Hero Jam</h2>
375
376        </div>
377        <div class="intro-text">
378          
379
380  <p class="text-center"> <br />
381Al generaties lang brengt Hero Jam de heerlijke smaak van fruit naar de keukentafel. Met een breed assortiment jams en vruchtenspreads, van Original tot Minder Zoet en Zero, is er altijd een variant die past bij jouw smaak en voorkeur. Gemaakt met zorgvuldig geselecteerd fruit, boordevol fruitige smaak en de vertrouwde kwaliteit van Hero. Een bewuste keuze waar generaties al van genieten.</p>
382
383        </div>
384
385                  
386              </div>
387      <div class="product-image">
388        
389            <div class="field field--name-field-product-image field--type-entity-reference field--label-hidden field__item"><div>
390  
391  
392            <div class="field field--name-field-media-image field--type-image field--label-hidden field__item">  <img loading="lazy" src="/sites/hero_nl_fruit/files/2026-06/Ontwerp%20zonder%20titel%20%285%29.png" width="1920" height="1080" alt="Hero Jam assortiment" typeof="foaf:Image" />
393
394</div>
395      
396</div>
397</div>
398      
399      </div>
400      </div>
401</div>
402              <div class="field__item">  <div class="component component__rich-text component--view-mode--default">
403            <div class="field__item"><h2 class="text-align-center"><strong>Welke smaak past bij jou?</strong></h2><p class="text-align-center">Van Original tot Minder Zoet en Zero: binnen de Hero Jam producten vind je altijd een heerlijke jam of vruchtenspread die past bij jouw smaak, jouw voorkeur en jouw moment.</p></div>
404
405      </div>
406</div>
407              <div class="field__item">
408  <div class="component component__decorative-separator image_position__left component--view-mode--default" aria-hidden="true">
409          
410            <div class="field--name-field-image field__item"><div>
411  
412  
413            <div class="field field--name-field-media-image field--type-image field--label-hidden field__item">  <img loading="lazy" src="/sites/hero_nl_fruit/files/2024-01/Decorative%20Separator.png" width="375" height="281" alt="decorative seperator" typeof="foaf:Image" />
414
415</div>
416      
417</div>
418</div>
419      
420      </div>
421</div>
422              <div class="field__item">
423  
424
425
426    
427                                  
428                                      
429  <div
430     class="component component__banner-double-image-full-width style__dark component--view-mode--default"
431          style="--btn-text-color: #ffffff; --btn-bg-color: #00328b; --btn-bg-hover: #ffffff; --btn-text-hover: #00328b; background-image: url(/sites/hero_nl_fruit/files/2026-06/Achtegrond%20original.png)"
432      >
433          <div class="content">
434        <div class="component__banner-double-image-description">
435          
436          
437            <div class="field--name-field-title field__item">Original</div>
438      
439          
440            <div class="field--name-field-intro-text field__item">Altijd goed, altijd vertrouwd. Met Hero Jam Original geniet je van de klassieke fruitige smaak die al generaties lang geliefd is. Gemaakt met zorgvuldig geselecteerd fruit en de vertrouwde kwaliteit van Hero. Een heerlijke favoriet voor elk moment van de dag.</div>
441      
442                      
443        <a class="btn btn-primary field--type-link" href="/producten/hero-jam-original" >Ontdek meer</a>
444  
445
446                  </div>
447        
448            <div class="blazy blazy--nojs blazy--field blazy--field-product-image blazy--field-product-image--default field field--name-field-product-image field--type-entity-reference field--label-hidden field__item" data-blazy="">    <div data-b-token="b-37ba670b916" class="media media--blazy media--bundle--image media--image media--responsive">  <picture>
449                  <source srcset="/sites/hero_nl_fruit/files/styles/large/public/2026-06/3%206.png?itok=cA23UA4x 1x, /sites/hero_nl_fruit/files/styles/large/public/2026-06/3%206.png?itok=cA23UA4x 2x" media="all and (max-width: 576px)" type="image/png" width="384" height="480"/>
450                  <img decoding="async" class="media__element b-lazy" loading="eager" width="1080" height="1350" src="/sites/hero_nl_fruit/files/2026-06/3%206.png" alt="Hero Jam Aardbeien" typeof="foaf:Image" />
451
452  </picture>
453        </div>
454  </div>
455      
456      </div>
457      </div>
458</div>
459              <div class="field__item">
460  
461
462
463    
464                                  
465                                      
466  <div
467     class="component component__banner-double-image-full-width style__light component--view-mode--default"
468          style="--btn-text-color: #ffffff; --btn-bg-color: #99384e; --btn-bg-hover: #ffffff; --btn-text-hover: #99384e; background-image: url(/sites/hero_nl_fruit/files/2026-06/Achtergrond%20minder%20zoet.png)"
469      >
470          <div class="content">
471        <div class="component__banner-double-image-description">
472          
473          
474            <div class="field--name-field-title field__item">Minder Zoet</div>
475      
476          
477            <div class="field--name-field-intro-text field__item">Minder zoet, ouderwets lekker. Met Hero Jam Minder Zoet geniet je van een heerlijke fruitige smaak maar minder zoet. Gemaakt met zorgvuldig geselecteerd fruit en de vertrouwde kwaliteit van Hero. Een bewuste keuze voor iedereen die wil genieten van jam, zonder in te leveren op smaak.</div>
478      
479                      
480        <a class="btn btn-primary field--type-link" href="/producten/hero-minder-zoet" >Ontdek meer</a>
481  
482
483                  </div>
484        
485            <div class="blazy blazy--nojs blazy--field blazy--field-product-image blazy--field-product-image--default field field--name-field-product-image field--type-entity-reference field--label-hidden field__item" data-blazy="">    <div data-b-token="b-679da066ab6" class="media media--blazy media--bundle--image media--image media--responsive">  <picture>
486                  <source srcset="/sites/hero_nl_fruit/files/styles/large/public/2026-06/4%203.png?itok=xWZDaFGx 1x, /sites/hero_nl_fruit/files/styles/large/public/2026-06/4%203.png?itok=xWZDaFGx 2x" media="all and (max-width: 576px)" type="image/png" width="384" height="480"/>
487                  <img decoding="async" class="media__element b-lazy" loading="eager" width="1080" height="1350" src="/sites/hero_nl_fruit/files/2026-06/4%203.png" alt="Hero Minder Zoet bosvruchten" typeof="foaf:Image" />
488
489  </picture>
490        </div>
491  </div>
492      
493      </div>
494      </div>
495</div>
496              <div class="field__item">
497  
498
499
500    
501                                  
502                                      
503  <div
504     class="component component__banner-double-image-full-width style__dark component--view-mode--default"
505          style="--btn-text-color: #ffffff; --btn-bg-color: #ffdd53; --btn-bg-hover: #ffffff; --btn-text-hover: #ffdd53; background-image: url(/sites/hero_nl_fruit/files/2026-06/Achtergrond%20zero.png)"
506      >
507          <div class="content">
508        <div class="component__banner-double-image-description">
509          
510          
511            <div class="field--name-field-title field__item">Hero Jam Zero</div>
512      
513          
514            <div class="field--name-field-intro-text field__item">Volop smaak, zonder toegevoegde suikers. Met Hero Jam Zero geniet je van een heerlijke fruitige smaak zonder toegevoegde suikers*. Gemaakt met zorgvuldig geselecteerd fruit en de vertrouwde kwaliteit van Hero. Een bewuste keuze voor iedereen die zorgeloos wil genieten, zonder concessies te doen aan smaak.<br />
515<br />
516*Bevat van nature aanwezige suikers.</div>
517      
518                      
519        <a class="btn btn-primary field--type-link" href="/producten/hero-jam-zero" >Ontdek meer</a>
520  
521
522                  </div>
523        
524            <div class="blazy blazy--nojs blazy--field blazy--field-product-image blazy--field-product-image--default field field--name-field-product-image field--type-entity-reference field--label-hidden field__item" data-blazy="">    <div data-b-token="b-d5b8adf066d" class="media media--blazy media--bundle--image media--image media--responsive">  <picture>
525                  <source srcset="/sites/hero_nl_fruit/files/styles/large/public/2026-06/5%202.png?itok=kqTpeFst 1x, /sites/hero_nl_fruit/files/styles/large/public/2026-06/5%202.png?itok=kqTpeFst 2x" media="all and (max-width: 576px)" type="image/png" width="384" height="480"/>
526                  <img decoding="async" class="media__element b-lazy" loading="eager" width="1080" height="1350" src="/sites/hero_nl_fruit/files/2026-06/5%202.png" alt="Hero Jam Zero Perzik Passievrucht" typeof="foaf:Image" />
527
528  </picture>
529        </div>
530  </div>
531      
532      </div>
533      </div>
534</div>
535              <div class="field__item">
536
537
538
539
540
541  <div
542     class="component component__banner-full-image-full-width style__light component--view-mode--default ratio-3-1"
543    tabindex="0"      >
544          
545            <div class="field--name-field-image field__item" aria-hidden="true">  <img loading="lazy" src="/sites/hero_nl_fruit/files/2026-05/Afbeeldingen%20jammen.png" width="1440" height="450" alt="Jam boterhammen" typeof="foaf:Image" />
546
547</div>
548      
549      <div class="component__banner-full-image-description"
550              >
551        <div class="component__banner-full-image-description-fields">
552          
553            <div class="field--name-field-title field__item"><h1>Recepten met Hero Jam</h1>
554</div>
555      
556          
557            <div class="field--name-field-intro-text field__item">Makkelijk én lekker. Ontdek inspirerende recepten met Hero Jam. Van zoete klassiekers tot verrassende hartige gerechten: laat je inspireren en geniet van de heerlijke smaak van fruit in elk recept.</div>
558      
559                      
560        <a class="btn btn-primary field--type-link" href="/recepten/alle-recepten/aardbeien-bananenbrood" >Ontdek nu</a>
561  
562
563                  </div>
564      </div>
565      </div>
566</div>
567              <div class="field__item">
568
569  <div class="component component__spacer style__lg mobile__view__on">
570          <div class="component__spacer">
571      </div>
572      </div>
573</div>
574              <div class="field__item">  <div class="component component__rich-text component--view-mode--default">
575            <div class="field__item"><h1 class="text-align-center"><strong>
575Een greep uit onze favorieten</strong></h1></div>
576
577      </div>
578</div>
579              <div class="field__item">
580  <div class="component component__small-card-container component--view-mode--default">
581            
582            
583            
584            
585            
586            
587            
588            
589            
590            
591            
592            
593            
594            
595            
596                    <div class="component component__small-card-item component--view-mode--default">
597                  <img loading="lazy" src="/sites/hero_nl_fruit/files/2026-05/Aardbeien-bananenbrood.png" alt="small-card-image">
598            <div class="component__small-card-description">
599        
600            <div class="field--name-field-title field__item">Aardbeien-bananenbrood</div>
601      
602        
603            <div class="field field--name-field-text field--type-string field--label-hidden field__item">Een heerlijk recept met Hero Aardbeien Jam</div>
604      
605                  
606        <a class="btn btn-primary field--type-link" href="/recepten/alle-recepten/aardbeien-bananenbrood" >Ontdek recept</a>
607  
608
609              </div>
610      </div>
611
612        
613                    <div class="component component__small-card-item component--view-mode--default">
614                  <img loading="lazy" src="/sites/hero_nl_fruit/files/2026-05/Kwarkwafels%20met%20aardbeien.png" alt="small-card-image">
615            <div class="component__small-card-description">
616        
617            <div class="field--name-field-title field__item">Kwarwafels met aardbeien</div>
618      
619        
620            <div class="field field--name-field-text field--type-string field--label-hidden field__item">Heerlijke kwarkwafels met aardbeien</div>
621      
622                  
623        <a class="btn btn-primary field--type-link" href="/recepten/alle-recepten/kwarkwafels-met-aardbeien" >Ontdek recept</a>
624  
625
626              </div>
627      </div>
628
629        
630                    <div class="component component__small-card-item component--view-mode--default">
631                  <img loading="lazy" src="/sites/hero_nl_fruit/files/2026-05/Appeltaart%20met%20ananas%20en%20gemberjam.png" alt="small-card-image">
632            <div class="component__small-card-description">
633        
634            <div class="field--name-field-title field__item">Appeltaart met ananas en gemberjam</div>
635      
636        
637            <div class="field field--name-field-text field--type-string field--label-hidden field__item">Een hedendaagse twist op ouderwets lekkere appeltaart</div>
638      
639                  
640        <a class="btn btn-primary field--type-link" href="/recepten/alle-recepten/appeltaart-met-ananas-en-gemberjam" >Ontdek recept</a>
641  
642
643              </div>
644      </div>
645
646        
647            
648            
649      </div>
650</div>
651          </div>
652  
653  </div>
654</article>
655
656    </div>
657  </div>
658
659
660      <div id="back-to-top" role="button" aria-label="Back to top" tabindex="-1">
661        <svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 24 24" fill="none" stroke="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M12 19V6M5 12l7-7 7 7"/></svg>
662      </div>
663    </div>
664    
665    
666    
667  </main>
668
669  <footer role="contentinfo" class="component component__footer">
670  <div class="row align-items-start">
671            <div class="region region-footer-first">
672    <div id="block-hero-blue-categorytitle1" class="settings-tray-editable block-content-basic block block-block-content block-block-contentc423fca9-5739-4eb7-883e-7ef3293664f9" data-drupal-settingstray="editable">
673  
674      <h2>Neem contact op</h2>
675    
676      <div class="content">
677      
678            <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><p><a href="/contact">Contact</a></p></div>
679      
680    </div>
681  </div>
682
683  </div>
684
685                <div class="region region-footer-second">
686    <div id="block-hero-blue-categorytitle2" class="settings-tray-editable block-content-basic block block-block-content block-block-content225f082e-27da-4512-ae95-16822723bf43" data-drupal-settingstray="editable">
687  
688      <h2>Juridisch</h2>
689    
690      <div class="content">
691      
692            <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><p><a href="/privacyverklaring">Privacyverklaring</a></p><p><a href="/cookieverklaring">Cookieverklaring</a></p><p>&nbsp;</p></div>
693      
694    </div>
695  </div>
696
697  </div>
698
699                <div class="region region-footer-third">
700    <div id="block-hero-blue-categorytitle3" class="settings-tray-editable block-content-basic block block-block-content block-block-contentfa3e886b-3137-403e-bffa-aae5f7b69b90" data-drupal-settingstray="editable">
701  
702      <h2>Algemeen</h2>
703    
704      <div class="content">
705      
706            <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><p><a href="/wie-zijn-wij">Wie zijn wij</a></p><p><a href="/veelgestelde-vragen">Veelgestelde vragen</a></p></div>
707      
708    </div>
709  </div>
710
711  </div>
712
713          </div>
714  <div class="row align-items-start">
715            <div class="logo">
716    <a href="/" title="Home" rel="home" class="navbar-brand">
717      <img src="/themes/custom/hero_blue/footer-logo.png" width="99" height="41" alt="Home" loading="lazy" class="img-fluid d-inline-block align-top">
718    </a>
719  </div>
720  <div class="row copyright">
721    
722    <a href="https://www.hero-group.ch/en">
722Hero Global</a>
723    <div id="block-hero-blue-hero-master-footercopyright" class="settings-tray-editable block-content-basic block block-block-content block-block-contentcdeb2d28-8e70-4dc7-a5bd-0c30eae4d7a1" data-drupal-settingstray="editable">
724  
725    
726      <div class="content">
727      
728            <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><p>Copyright © Hero 2026</p></div>
729      
730    </div>
731  </div>
732
733  </div>
734
735      </div>
736</footer>
737
738</div>
739  </div>
740
741    
742    
742<script src="/themes/custom/hero_master/js/popper.min.js?v=11.4.7"></script>
vendor: 1 bytes, line 742
742
743<script src="/themes/custom/hero_master/js/bootstrap.min.js?v=11.4.7"></script>
vendor: 1 bytes, line 743
743
744<script src="/core/assets/vendor/jquery/jquery.min.js?v=4.0.0"></script>
vendor: 1 bytes, line 744
744
745<script src="/core/assets/vendor/once/once.min.js?v=1.0.1"></script>
vendor: 1 bytes, line 745
745
746<script src="/sites/hero_nl_fruit/files/languages/nl_vQ5Fv0rbZnaE3uDMk066p7szEF19EgE7mNC60SjVBig.js?tm6dlg"></script>
vendor: 1 bytes, line 746
746
747<script src="/core/misc/drupal.js?v=11.4.7"></script>
vendor: 1 bytes, line 747
747
748<script src="/core/misc/drupal.init.js?v=11.4.7"></script>
vendor: 1 bytes, line 748
748
749<script src="/core/misc/debounce.js?v=11.4.7"></script>
vendor: 1 bytes, line 749
749
750<script src="/core/assets/vendor/jquery.ui/ui/version-min.js?v=11.4.7"></script>
vendor: 1 bytes, line 750
750
751<script src="/core/assets/vendor/jquery.ui/ui/data-min.js?v=11.4.7"></script>
vendor: 1 bytes, line 751
751
752<script src="/core/assets/vendor/jquery.ui/ui/disable-selection-min.js?v=11.4.7"></script>
vendor: 1 bytes, line 752
752
753<script src="/core/assets/vendor/jquery.ui/ui/jquery-patch-min.js?v=11.4.7"></script>
vendor: 1 bytes, line 753
753
754<script src="/core/assets/vendor/jquery.ui/ui/scroll-parent-min.js?v=11.4.7"></script>
vendor: 1 bytes, line 754
754
755<script src="/core/assets/vendor/jquery.ui/ui/unique-id-min.js?v=11.4.7"></script>
vendor: 1 bytes, line 755
755
756<script src="/core/assets/vendor/jquery.ui/ui/focusable-min.js?v=11.4.7"></script>
vendor: 1 bytes, line 756
756
757<script src="/core/assets/vendor/jquery.ui/ui/keycode-min.js?v=11.4.7"></script>
vendor: 1 bytes, line 757
757
758<script src="/core/assets/vendor/jquery.ui/ui/plugin-min.js?v=11.4.7"></script>
vendor: 1 bytes, line 758
758
759<script src="/core/assets/vendor/jquery.ui/ui/widget-min.js?v=11.4.7"></script>
vendor: 1 bytes, line 759
759
760<script src="/core/assets/vendor/jquery.ui/ui/labels-min.js?v=11.4.7"></script>
vendor: 1 bytes, line 760
760
761<script src="/core/assets/vendor/jquery.ui/ui/widgets/autocomplete-min.js?v=11.4.7"></script>
vendor: 1 bytes, line 761
761
762<script src="/core/assets/vendor/jquery.ui/ui/widgets/menu-min.js?v=11.4.7"></script>
vendor: 1 bytes, line 762
762
763<script src="/core/assets/vendor/tabbable/index.umd.min.js?v=6.3.0"></script>
vendor: 1 bytes, line 763
763
764<script src="/core/misc/autocomplete.js?v=11.4.7"></script>
vendor: 1 bytes, line 764
764
765<script src="https://static.addtoany.com/menu/page.js" defer></script>
vendor: 1 bytes, line 765
765
766<script src="/modules/contrib/addtoany/js/addtoany.js?v=11.4.7"></script>
vendor: 1 bytes, line 766
766
767<script src="/modules/contrib/better_exposed_filters/js/better_exposed_filters.js?tm6dlg"></script>
vendor: 1 bytes, line 767
767
768<script src="/modules/contrib/ckeditor5_readmore/js/ckeditor-readmore.js?tm6dlg"></script>
vendor: 1 bytes, line 768
768
769<script src="/core/misc/progress.js?v=11.4.7"></script>
vendor: 1 bytes, line 769
769
770<script src="/core/assets/vendor/loadjs/loadjs.min.js?v=4.3.0"></script>
vendor: 1 bytes, line 770
770
771<script src="/core/misc/announce.js?v=11.4.7"></script>
vendor: 1 bytes, line 771
771
772<script src="/core/misc/message.js?v=11.4.7"></script>
vendor: 1 bytes, line 772
772
773<script src="/themes/contrib/bootstrap_barrio/js/messages.js?tm6dlg"></script>
vendor: 1 bytes, line 773
773
774<script src="/core/misc/ajax.js?v=11.4.7"></script>
vendor: 1 bytes, line 774
774
775<script src="/modules/contrib/google_tag/js/gtag.ajax.js?tm6dlg"></script>
vendor: 1 bytes, line 775
775
776<script src="/themes/custom/hero_blue/js/custom.js?v=11.4.7"></script>
vendor: 1 bytes, line 776
776
777<script src="/themes/custom/hero_master/js/barrio.js?v=11.4.7"></script>
vendor: 1 bytes, line 777
777
778<script src="/themes/custom/hero_master/js/toTop.js?v=11.4.7"></script>
vendor: 1 bytes, line 778
778
779<script src="/themes/custom/hero_master/js/custom.js?v=11.4.7"></script>
vendor: 1 bytes, line 779
779
780<script src="/themes/custom/hero_master/js/accessible.js?v=11.4.7"></script>
vendor: 1 bytes, line 780
780
781<script src="/core/misc/position.js?v=11.4.7"></script>
vendor: 1 bytes, line 781
781
782<script src="/modules/contrib/search_api_autocomplete/js/search_api_autocomplete.js?tm6dlg"></script>
vendor: 1 bytes, line 782
782
783<script src="/modules/custom/tribal_vanilla_megamenu/js/script.js?tm6dlg"></script>
783
784
785  </body>
786</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.