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&&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> </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.