1<!doctype html> 2<html lang="nl-NL"> 3<head> 4 <meta charset="UTF-8">
5<script> 6var gform;gform||(document.addEventListener("gform_main_scripts_loaded",function(){gform.scriptsLoaded=!0}),document.addEventListener("gform/theme/scripts_loaded",function(){gform.themeScriptsLoaded=!0}),window.addEventListener("DOMContentLoaded",function(){gform.domLoaded=!0}),gform={domLoaded:!1,scriptsLoaded:!1,themeScriptsLoaded:!1,isFormEditor:()=>"function"==typeof InitializeEditor,callIfLoaded:function(o){return!(!gform.domLoaded||!gform.scriptsLoaded||!gform.themeScriptsLoaded&&!gform.isFormEditor()||(gform.isFormEditor()&&console.warn("The use of gform.initializeOnLoaded() is deprecated in the form editor context and will be removed in Gravity Forms 3.1."),o(),0))},initializeOnLoaded:function(o){gform.callIfLoaded(o)||(document.addEventListener("gform_main_scripts_loaded",()=>{gform.scriptsLoaded=!0,gform.callIfLoaded(o)}),document.addEventListener("gform/theme/scripts_loaded",()=>{gform.themeScriptsLoaded=!0,gform.callIfLoaded(o)}),window.addEventListener("DOMContentLoaded",()=>{gform.domLoaded=!0,gform.callIfLoaded(o)}))},hooks:{action:{},filter:{}},addAction:function(o,r,e,t){gform.addHook("action",o,r,e,t)},addFilter:function(o,r,e,t){gform.addHook("filter",o,r,e,t)},doAction:function(o){gform.doHook("action",o,arguments)},applyFilters:function(o){return gform.doHook("filter",o,arguments)},removeAction:function(o,r){gform.removeHook("action",o,r)},removeFilter:function(o,r,e){gform.removeHook("filter",o,r,e)},addHook:function(o,r,e,t,n){null==gform.hooks[o][r]&&(gform.hooks[o][r]=[]);var d=gform.hooks[o][r];null==n&&(n=r+"_"+d.length),gform.hooks[o][r].push({tag:n,callable:e,priority:t=null==t?10:t})},doHook:function(r,o,e){var t;if(e=Array.prototype.slice.call(e,1),null!=gform.hooks[r][o]&&((o=gform.hooks[r][o]).sort(function(o,r){return o.priority-r.priority}),o.forEach(function(o){"function"!=typeof(t=o.callable)&&(t=window[t]),"action"==r?t.apply(null,e):e[0]=t.apply(null,e)})),"filter"==r)return e[0]},removeHook:function(o,r,t,n){var e;null!=gform.hooks[o][r]&&(e=(e=gform.hooks[o][r]).filter(function(o,r,e){return!!(null!=n&&n!=o.tag||null!=t&&t!=o.priority)}),gform.hooks[o][r]=e)}}); 7</script>
7 8 9 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> 10 <link rel="icon" href="https://slagerij-wilbrink.nl/wp-content/uploads/2025/11/slagerij-wilbrink-otterlo_favicon.png" type="image/png" sizes="16x16"> 11
11<script src="//ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
11 12 <title> » Contact</title> 13 <meta name='robots' content='max-image-preview:large' /> 14<link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://slagerij-wilbrink.nl/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fslagerij-wilbrink.nl%2Fcontact%2F" /> 15<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://slagerij-wilbrink.nl/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fslagerij-wilbrink.nl%2Fcontact%2F&format=xml" /> 16<style id="wp-img-auto-sizes-contain-inline-css"> 17img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px} 18/*# sourceURL=wp-img-auto-sizes-contain-inline-css */ 19</style> 20<style id="wp-block-library-inline-css"> 21:root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}:root{--wp--preset--font-size--normal:16px;
21--wp--preset--font-size--huge:42px}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}:root .has-text-align-center{text-align:center}:root .has-text-align-left{text-align:left}:root .has-text-align-right{text-align:right}.has-fit-text{white-space:nowrap!important}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{word-wrap:normal!important;border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-break:normal!important}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style^=border-color],[style*=";border-color"],[style*="; border-color"]){border-style:solid}html :where([style^=border-top-color],[style*=";border-top-color"],[style*="; border-top-color"]){border-top-style:solid}html :where([style^=border-right-color],[style*=";border-right-color"],[style*="; border-right-color"]){border-right-style:solid}html :where([style^=border-bottom-color],[style*=";border-bottom-color"],[style*="; border-bottom-color"]){border-bottom-style:solid}html :where([style^=border-left-color],[style*=";border-left-color"],[style*="; border-left-color"]){border-left-style:solid}html :where([style^=border-width],[style*=";border-width"],[style*="; border-width"]){border-style:solid}html :where([style^=border-top-width],[style*=";border-top-width"],[style*="; border-top-width"]){border-top-style:solid}html :where([style^=border-right-width],[style*=";border-right-width"],[style*="; border-right-width"]){border-right-style:solid}html :where([style^=border-bottom-width],[style*=";border-bottom-width"],[style*="; border-bottom-width"]){border-bottom-style:solid}html :where([style^=border-left-width],[style*=";border-left-width"],[style*="; border-left-width"]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}} 22 23/*# sourceURL=/wp-includes/css/dist/block-library/common.min.css */ 24</style> 25<style id="classic-theme-styles-inline-css"> 26/*! This file is auto-generated */ 27.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} 28/*# sourceURL=/wp-includes/css/classic-themes.min.css */ 29</style> 30 31<style id="global-styles-inline-css"> 32:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,
320) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}.wp-block-button{--wp--preset--dimension--25: 25%;--wp--preset--dimension--50: 50%;--wp--preset--dimension--75: 75%;--wp--preset--dimension--100: 100%;}:where(body) { margin: 0; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}
32.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} 33/*# sourceURL=global-styles-inline-css */ 34</style> 35 36<link rel='stylesheet' id='lbwps-styles-photoswipe5-main-css' href='https://slagerij-wilbrink.nl/wp-content/plugins/lightbox-photoswipe/assets/ps5/styles/main.css?ver=5.13.0' media='all' /> 37<style id="woocommerce-inline-inline-css"> 38.woocommerce form .form-row .required { visibility: visible; } 39/*# sourceURL=woocommerce-inline-inline-css */ 40</style> 41<link rel='stylesheet' id='style-css' href='https://slagerij-wilbrink.nl/wp-content/themes/energized/assets/css/main.min.css?ver=v1' media='all' />
42<script id="lbwps-options-js-extra"> 43var lbwpsOptions = {"label_facebook":"Delen op Facebook","label_twitter":"Tweet","label_pinterest":"Pin dit","label_download":"Download afbeelding","label_copyurl":"URL van afbeelding kopi\u00ebren","label_ui_close":"Close [Esc]","label_ui_zoom":"Zoom","label_ui_prev":"Previous [\u2190]","label_ui_next":"Next [\u2192]","label_ui_error":"The image cannot be loaded","label_ui_fullscreen":"Toggle fullscreen [F]","label_ui_download":"Download afbeelding","share_facebook":"1","share_twitter":"1","share_pinterest":"1","share_download":"1","share_direct":"0","share_copyurl":"0","close_on_drag":"1","history":"1","show_counter":"1","show_fullscreen":"1","show_download":"0","show_zoom":"1","show_caption":"1","loop":"1","pinchtoclose":"1","taptotoggle":"1","close_on_click":"1","fulldesktop":"0","use_alt":"0","usecaption":"1","desktop_slider":"1","share_custom_label":"","share_custom_link":"","wheelmode":"zoom","spacing":"12","idletime":"4000","hide_scrollbars":"1","caption_type":"overlay","bg_opacity":"100","padding_left":"0","padding_top":"0","padding_right":"0","padding_bottom":"0"}; 44//# sourceURL=lbwps-options-js-extra 45</script>
vendor: 1 bytes, line 45
45
46<script id="jquery-core-js" src="https://slagerij-wilbrink.nl/wp-includes/js/jquery/jquery.min.js?ver=3.7.1"></script>
vendor: 1 bytes, line 46
46
47<script id="jquery-migrate-js" src="https://slagerij-wilbrink.nl/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1"></script>
vendor: 1 bytes, line 47
47
48<script data-wp-strategy="defer" defer id="wc-jquery-blockui-js" src="https://slagerij-wilbrink.nl/wp-content/plugins/woocommerce/assets/js/jquery-blockui/jquery.blockUI.min.js?ver=2.7.0-wc.11.1.0"></script>
vendor: 1 bytes, line 48
48
49<script id="wc-add-to-cart-js-extra"> 50var wc_add_to_cart_params = {"ajax_url":"/wp-admin/admin-ajax.php","wc_ajax_url":"/?wc-ajax=%%endpoint%%","i18n_view_cart":"Bekijk winkelwagen","cart_url":"https://slagerij-wilbrink.nl/winkelwagen/","is_cart":"","cart_redirect_after_add":"no"}; 51//# sourceURL=wc-add-to-cart-js-extra 52</script>
vendor: 1 bytes, line 52
52
53<script data-wp-strategy="defer" defer id="wc-add-to-cart-js" src="https://slagerij-wilbrink.nl/wp-content/plugins/woocommerce/assets/js/frontend/add-to-cart.min.js?ver=11.1.0"></script>
vendor: 1 bytes, line 53
53
54<script data-wp-strategy="defer" defer id="wc-js-cookie-js" src="https://slagerij-wilbrink.nl/wp-content/plugins/woocommerce/assets/js/js-cookie/js.cookie.min.js?ver=2.1.4-wc.11.1.0"></script>
vendor: 1 bytes, line 54
54
55<script id="woocommerce-js-extra"> 56var woocommerce_params = {"ajax_url":"/wp-admin/admin-ajax.php","wc_ajax_url":"/?wc-ajax=%%endpoint%%","i18n_password_show":"Wachtwoord weergeven","i18n_password_hide":"Wachtwoord verbergen"}; 57//# sourceURL=woocommerce-js-extra 58</script>
vendor: 1 bytes, line 58
58
59<script data-wp-strategy="defer" defer id="woocommerce-js" src="https://slagerij-wilbrink.nl/wp-content/plugins/woocommerce/assets/js/frontend/woocommerce.min.js?ver=11.1.0"></script>
59 60<link rel="https://api.w.org/" href="https://slagerij-wilbrink.nl/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://slagerij-wilbrink.nl/wp-json/wp/v2/pages/357" /><link rel="canonical" href="https://slagerij-wilbrink.nl/contact/" /> 61<link rel='shortlink' href='https://slagerij-wilbrink.nl/?p=357' /> 62<!-- Analytics by WP Statistics - https://wp-statistics.com --> 63 <noscript><style>.woocommerce-product-gallery{ opacity: 1 !important; }</style></noscript> 64 <link rel="icon" href="https://slagerij-wilbrink.nl/wp-content/uploads/2025/11/slagerij-wilbrink-otterlo_favicon-100x100.png" sizes="32x32" /> 65<link rel="icon" href="https://slagerij-wilbrink.nl/wp-content/uploads/2025/11/slagerij-wilbrink-otterlo_favicon-300x300.png" sizes="192x192" /> 66<link rel="apple-touch-icon" href="https://slagerij-wilbrink.nl/wp-content/uploads/2025/11/slagerij-wilbrink-otterlo_favicon-300x300.png" /> 67<meta name="msapplication-TileImage" content="https://slagerij-wilbrink.nl/wp-content/uploads/2025/11/slagerij-wilbrink-otterlo_favicon-300x300.png" /> 68<link rel='stylesheet' id='gform_basic-css' href='https://slagerij-wilbrink.nl/wp-content/plugins/gravityforms/assets/css/dist/basic.min.css?ver=3.1.1' media='all' /> 69<link rel='stylesheet' id='gform_theme_components-css' href='https://slagerij-wilbrink.nl/wp-content/plugins/gravityforms/assets/css/dist/theme-components.min.css?ver=3.1.1' media='all' /> 70<link rel='stylesheet' id='gform_theme-css' href='https://slagerij-wilbrink.nl/wp-content/plugins/gravityforms/assets/css/dist/theme.min.css?ver=3.1.1' media='all' /> 71 72</head> 73<body class="wp-singular page-template page-template-templates page-template-sidebar page-template-templatessidebar-php page page-id-357 wp-theme-energized theme-energized woocommerce-no-js"> 74 75 <style> 76@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap'); 77@import url('https://fonts.googleapis.com/css2?family=Rajdhani:wght@500;700&display=swap'); 78 79body, html { 80 font-family: "Rajdhani", sans-serif;; 81} 82 83 84h1,h2,h3,h4,h5 { 85 font-family: "Poppins", sans-serif;; 86} 87.woocommerce-privacy-policy-text p { 88 color: white; 89} 90 91 92 93 94 95 96 97 98 99.fpf-field p { 100 color: white; 101} 102 103 104 105 106 107 108 109 110 111 112 113 114.woocommerce-checkout section.content #order_review_heading { 115 display: block !important; 116 color: #eaeaea; 117 font-weight: 600; 118 border-bottom: 1px solid #222; 119 padding-bottom: 10px; 120 margin-bottom: 18px; 121 grid-area: right !important; /* blijft in de rechterkolom */ 122} 123 124 125/* ====== LAYOUT (final) ====== */ 126.woocommerce-checkout section.content .woocommerce-checkout{ 127 display: grid !important; 128 grid-template-columns: minmax(0,1fr) 420px !important; /* pas 420px aan naar wens */ 129 grid-template-areas: "left right" !important; 130 gap: 28px !important; 131 132 /* (je dark kaart-styling mag blijven; haal desnoods weg als je al had) */ 133 background:#141414; border-radius:16px; padding:40px 50px; color:#fff; 134} 135 136@media (max-width: 768px) { 137 .woocommerce-checkout section.content .woocommerce-checkout{ 138 padding: 20px 30px; 139 } 140} 141 142/* alles direct onder het form */ 143.woocommerce-checkout section.content .woocommerce-checkout > * { min-width: 0; } 144 145/* LINKERKOLOM: billing + shipping + extra */ 146.woocommerce-checkout section.content #customer_details,
147.woocommerce-checkout section.content .woocommerce-additional-fields{ 148 grid-area: left !important; 149} 150 151/* Binnen links: billing & shipping onder elkaar */ 152.woocommerce-checkout section.content #customer_details .col2-set{ 153 display: grid !important; 154 grid-template-columns: 1fr !important; 155 gap: 18px !important; 156} 157 158/* Reset Bootstrap conflict (.col-1/.col-2 van Woo â Bootstrap kolommen) */ 159.woocommerce-checkout section.content .col2-set > .col-1, 160.woocommerce-checkout section.content .col2-set > .col-2{ 161 float:none !important; 162 width:auto !important; 163 flex:0 0 auto !important; 164 max-width:none !important; 165 display:block !important; 166 padding-left:0 !important; 167 padding-right:0 !important; 168} 169 170/* RECHTERKOLOM: heading + order review allebei rechts */ 171.woocommerce-checkout section.content #order_review_heading, 172.woocommerce-checkout section.content #order_review{ 173 grid-area: right !important; 174 align-self: start !important; 175} 176.woocommerce-info a { 177 text-decoration: underline; 178} 179.woocommerce-info a:hover { 180 color: white; 181} 182 183 184 185/* Mobile: onder elkaar */ 186@media (max-width: 992px){ 187 .woocommerce-checkout section.content .woocommerce-checkout{ 188 grid-template-columns: 1fr !important; 189 grid-template-areas: 190 "left" 191 "right" !important; 192 } 193 .woocommerce-checkout section.content #order_review{ margin-top: 50px; } 194} 195 196/* ====== VISUEEL (accent #a37251) â laat staan of voeg toe ====== */ 197.woocommerce-checkout section.content h3{ color:#eaeaea; border-bottom:1px solid #222; padding-bottom:10px; margin-bottom:24px; letter-spacing:.3px; } 198.woocommerce-checkout section.content input.input-text, .woocommerce-checkout section.content select, .woocommerce-checkout section.content textarea{ 199 width:100%; background:#1b1b1b; color:#eee; border:1px solid #333; border-radius:8px; padding:10px 14px; transition:all .2s; 200} 201.woocommerce-checkout section.content input.input-text:focus, .woocommerce-checkout section.content select:focus, .woocommerce-checkout section.content textarea:focus{ 202 border-color:#a37251; box-shadow:0 0 0 2px rgba(163,114,81,.3); outline:none; 203} 204.woocommerce-checkout section.content label{ display:block; color:#cfcfcf; margin-bottom:6px; } 205.woocommerce-checkout section.content .required{ color:#a37251; } 206.woocommerce-checkout section.content .form-row{ margin-bottom:14px; } 207 208.woocommerce-checkout section.content .woocommerce-checkout-review-order{ background:#1a1a1a; border-radius:12px; padding:24px; margin-top:70px; } 209.woocommerce-checkout section.content .woocommerce-checkout-review-order-table{ width:100%; border-collapse:collapse; } 210.woocommerce-checkout section.content .woocommerce-checkout-review-order-table th, 211.woocommerce-checkout section.content .woocommerce-checkout-review-order-table td{ border-bottom:1px solid #333; padding:10px 0; color:#e8e8e8; } 212 213.woocommerce-checkout section.content #payment{ background:#1a1a1a; border-radius:12px; padding:20px; margin-top:24px; } 214.woocommerce-checkout section.content #payment .payment_box{ background:#222; color:#ccc; border-radius:8px; padding:14px; border:1px solid #2b2b2b; } 215 216 217@media (max-width: 768px) { 218 .woocommerce-checkout section.content #payment{ padding: 0px; } 219} 220 221 222.woocommerce-checkout section.content .button, .woocommerce-checkout section.content button.button, .woocommerce-checkout section.content a.button{ 223 background:#a37251; color:#fff; border:none; border-radius:10px; cursor:pointer; transition:all .2s; 224} 225.woocommerce-checkout section.content .button:hover, .woocommerce-checkout section.content button.button:hover, .woocommerce-checkout section.content a.button:hover{ background:#b48663; } 226.woocommerce-checkout section.content .place-order .button{ width:100%; } 227 228.woocommerce-checkout section.content .woocommerce-error, .woocommerce-checkout section.content .woocommerce-message, .woocommerce-checkout section.content .woocommerce-info{ 229 background:#222; border-left:4px solid #a37251; color:#fff; padding:12px 16px; border-radius:8px; margin-bottom:20px; 230} 231 232/* Select2 dark */ 233.woocommerce-checkout section.content .select2-container--default .select2-selection--single{ 234 background:#1b1b1b; border:1px solid #333; border-radius:8px; min-height:42px; 235} 236.woocommerce-checkout section.content .select2-container .select2-selection__rendered{
236color:#eee; padding:10px 14px; } 237.woocommerce-checkout section.content .select2-dropdown{ background:#1b1b1b; border:1px solid #333; color:#eee; } 238.woocommerce-checkout section.content .select2-results__option--highlighted{ background:#2a2a2a !important; color:#fff !important; } 239 240 241 242 243 244 245 246 247 248 249 250 251 252 253 254 255 256/* Compact WooCommerce Cart - dark background comes from body/html */ 257 258.wc-block-cart .wc-block-cart__totals-title { 259 color: orange; 260} 261 262.wc-block-components-button.wc-block-cart__submit-button.contained { 263 width: 100% !important; 264 background-color: #EF7824 !important; 265 color: #fff !important; 266 border-radius: 99em !important; /* super rounded pill */ 267 font-weight: 700; 268 text-align: center; 269 padding: 14px 20px; 270 border: none; 271 transition: background-color 0.2s ease-in-out; 272} 273 274/* Hover effect: darker orange */ 275.wc-block-components-button.wc-block-cart__submit-button.contained:hover { 276 background-color: #a37f66 !important; 277} 278.wc-block-cart .wc-block-cart__totals-title, 279.editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__header, 280table.wc-block-cart-items .wc-block-cart-items__header { 281 font-size: 1.2rem !important; 282} 283 284/* Remove extra background, just inherit */ 285.wc-block-cart, 286.wc-block-cart-items { 287 background: transparent; 288 color: #fff; /* white text */ 289 padding: 10px 0; 290} 291 292/* Ensure all text stays white */ 293.wc-block-cart, 294.wc-block-cart * { 295 color: #fff; 296} 297 298/* Compact rows */ 299.wc-block-cart-items__row { 300 padding: 6px 0; 301 margin: 0; 302 border-bottom: 1px solid rgba(255,255,255,0.1); 303} 304 305/* Reduce gap between columns */ 306.wc-block-cart-items__row .wc-block-cart-items__row-inner { 307 gap: 10px; 308} 309 310/* Images smaller to save space */ 311.wc-block-cart-item__image img { 312 max-width: 60px; 313 height: auto; 314} 315 316/* Titles bigger, bolder */ 317.wc-block-cart-item__product .wc-block-components-product-name { 318 font-size: 18px; 319 font-weight: 700; 320} 321 322/* Section headers (like "Cart totals") bigger */ 323.wc-block-cart__totals-title, 324.wc-block-components-totals-item__label { 325 font-size: 18px; 326 font-weight: 700; 327} 328 329/* Prices bold and clear */ 330.wc-block-cart-item__total, 331.wc-block-components-totals-item__value { 332 font-weight: 600; 333} 334 335/* Buttons pop a bit more */ 336.wc-block-components-button { 337 font-size: 16px; 338 font-weight: 700; 339 padding: 12px 18px; 340} 341 342 343 344 345 346 347 348 349 350 351 352 353 354 355 356 357 358 359 360 361/* =============================== 362 CART + CHECKOUT: GLOBAL STYLING 363 =============================== */ 364 365/* Apply dark theme text globally */ 366.wc-block-cart, 367.wc-block-checkout { 368 color: #fff !important; 369} 370 371/* Make sure product titles + totals stand out */ 372.wc-block-cart-item__product .wc-block-components-product-name, 373.wc-block-checkout .wc-block-components-product-name { 374 font-size: 18px; 375 font-weight: 700; 376 color: #fff !important; 377} 378 379.wc-block-cart__totals-title, 380.wc-block-checkout__totals-title, 381.wc-block-components-totals-item__label { 382 font-size: 18px; 383 font-weight: 700; 384 color: #fff !important; 385} 386 387.wc-block-cart-item__total, 388.wc-block-components-totals-item__value { 389 font-weight: 600; 390 color: #fff !important; 391} 392 393/* Compact rows */ 394.wc-block-cart-items__row, 395.wc-block-checkout .wc-block-components-totals-item { 396 padding: 6px 0; 397 margin: 0; 398 border-bottom: 1px solid rgba(255,255,255,0.1); 399} 400 401/* Smaller gaps between grid columns */ 402.wc-block-cart-items__row .wc-block-cart-items__row-inner, 403.wc-block-checkout .wc-block-components-totals-wrapper { 404 gap: 10px; 405} 406 407/* Product images smaller */ 408.wc-block-cart-item__image img, 409.wc-block-checkout .wc-block-components-product-image img { 410 max-width: 60px; 411 height: auto; 412 margin: 0; 413} 414 415/* =============================== 416 BUTTONS (Cart + Checkout) 417 =============================== */ 418.wc-block-components-button.wc-block-cart__submit-button.contained, 419.wc-block-components-button.wc-block-checkout__submit-button.contained { 420 width: 100% !important; 421 background-color: #EF7824 !important; /* custom orange */ 422 color: #fff !important; 423 border-radius: 99em !important; /* pill */ 424 font-weight: 700; 425 text-align: center; 426 padding: 14px 20px; 427 border: none; 428 transition: background-color 0.2s ease-in-out; 429} 430 431.wc-block-components-button.wc-block-cart__submit-button.contained:hover, 432.wc-block-components-button.wc-block-checkout__submit-button.contained:hover { 433 background-color: #a37f66 !important; /* darker orange */ 434} 435 436/* =============================== 437 CHECKOUT FIELDS 438 =============================== */ 439 440 /* =============================== 441 GLOBAL TEXT COLORS FOR CART + CHECKOUT 442 =============================== */ 443
444/* All headings (h1âh6) inside cart/checkout */ 445.wc-block-cart h1, 446.wc-block-cart h2, 447.wc-block-cart h3, 448.wc-block-cart h4, 449.wc-block-cart h5, 450.wc-block-cart h6, 451.wc-block-checkout h1, 452.wc-block-checkout h2, 453.wc-block-checkout h3, 454.wc-block-checkout h4, 455.wc-block-checkout h5, 456.wc-block-checkout h6 { 457 color: #fff !important; 458} 459 460/* Paragraphs, spans, list items */ 461.wc-block-cart p, 462.wc-block-cart li, 463.wc-block-cart span, 464.wc-block-checkout p, 465.wc-block-checkout li, 466.wc-block-checkout span { 467 color: #fff !important; 468} 469 470/* Strong / bold text */ 471.wc-block-cart strong, 472.wc-block-checkout strong { 473 color: #fff !important; 474} 475 476/* Checkout form labels */ 477.wc-block-checkout label, 478.wc-block-checkout legend { 479 color: #fff !important; 480 font-weight: 600; 481} 482 483 484 485.wp-block-woocommerce-checkout-order-summary-block { 486 background-color: #1a1a1a; 487} 488 489 490 491 492/* =============================== 493 PLACE ORDER BUTTON (Checkout) 494 =============================== */ 495.wc-block-components-button.wp-element-button.wc-block-components-totals-coupon__button.contained, 496.wc-block-components-button.wc-block-components-checkout-place-order-button.contained { 497 background-color: #EF7824 !important; 498 color: #fff !important; 499 border-radius: 99em !important; /* pill shape */ 500 font-weight: 700; 501 text-align: center; 502 padding: 14px 20px; 503 border: none; 504 transition: background-color 0.2s ease-in-out; 505} 506 507/* Hover effect: darker orange */ 508.wc-block-components-button.wc-block-components-checkout-place-order-button.contained:hover { 509 background-color: #a37f66 !important; 510} 511 512.wc-block-checkout input[type="text"], 513.wc-block-checkout input[type="email"], 514.wc-block-checkout input[type="tel"], 515.wc-block-checkout input[type="password"], 516.wc-block-checkout select, 517.wc-block-checkout textarea { 518 background-color: #222 !important; /* dark fields */ 519 color: #fff !important; 520 border: 1px solid rgba(255,255,255,0.2) !important; 521 border-radius: 6px; 522 padding: 10px 12px; 523} 524 525/* Placeholder text lighter */ 526.wc-block-checkout ::placeholder { 527 color: rgba(255,255,255,0.6); 528} 529 530/* Labels white */ 531.wc-block-checkout label { 532 color: #fff !important; 533 font-weight: 600; 534} 535 536/* Remove white box backgrounds from form sections */ 537.wc-block-checkout .wc-block-components-checkout-step, 538.wc-block-checkout .wc-block-components-checkout-step__container { 539 background: transparent !important; 540 border: none !important; 541 padding: 10px 0; 542} 543 544 545 546 547 548 549 550 551 552 553 554 555 556 557 558 559 560 561 562 563 564/* Container */ 565.header-cart { position: relative; } 566.header-cart__trigger { 567 display: inline-flex; align-items: center; 568 text-decoration: none; color: inherit; position: relative; 569 padding: 0; 570} 571.header-cart__icon { font-size: 1.1rem; line-height: 1; } 572.header-cart__label { font-weight: 600; font-size: 1rem; color: grey; } 573.header-cart__count { 574 margin-right: 4px; 575 display: inline-flex; 576 align-items: center; 577 justify-content: center; 578 font-size: 1rem; 579 font-weight: 700; 580 line-height: 1; 581 color: #fff; 582} 583 584/* Dropdown */ 585.header-cart__dropdown { 586 position: absolute; right: 0; top: calc(100% + 10px); 587 width: min(380px, 92vw); 588 background: #fff; border: 1px solid rgba(0,0,0,.08); 589 border-radius: 14px; box-shadow: 0 10px 30px rgba(0,0,0,.12); 590 opacity: 0; visibility: hidden; transform: translateY(-6px); 591 transition: all .18s ease; 592 z-index: 1000; 593} 594.header-cart:hover .header-cart__dropdown, 595.header-cart:focus-within .header-cart__dropdown { 596 opacity: 1; visibility: visible; transform: translateY(0); 597} 598.header-cart__inner { padding: 12px; } 599 600/* Items */ 601.header-cart__items { list-style: none; padding: 0; margin: 0; display: grid; gap: 10px; max-height: 320px; overflow: auto; } 602.header-cart__item { display: grid; grid-template-columns: 64px 1fr; gap: 10px; align-items: center; position: relative; } 603.header-cart__thumb img { width: 64px; height: 64px; object-fit: cover; border-radius: 8px; display: block; } 604.header-cart__info { display: grid; gap: 4px; } 605.header-cart__title { font-weight: 600; color: #111; text-decoration: none; } 606.header-cart__title:hover { text-decoration: underline; } 607.header-cart__meta { display: flex; gap: 8px; font-size: .9rem; color: #444; } 608.header-cart__remove { 609 position: absolute; right: 6px; top: 6px; 610 text-decoration: none; font-size: 16px; color: #888; 611} 612.header-cart__remove:hover { color: #111; } 613 614/* Footer */ 615.header-cart__footer { border-top: 1px solid rgba(0,0,0,.06); margin-top: 10px; padding-top: 10px; display: grid; gap: 10px; } 616.header-cart__subtotal { display: flex; align-items: center; justify-content: space-between; font-size: .95rem; } 617.header-cart__actions { display: flex; gap: 10px; } 618.btn { display: inline-flex; align-items: center; justify-content: center; padding: .7rem 1rem; border-radius: 10px; font-weight: 700; text-decoration: none; } 619.btn--outline { border: 1px solid #ddd; background: #fff; color: #111; } 620.btn--outline:hover { border-color: #111; } 621.btn--primary { background: #111; color: #fff; } 622.btn--primary:hover { filter: brightness(1.05); } 623 624/* Empty state */ 625.header-cart__empty { text-align: center; padding: 8px; display: grid; gap: 10px; } 626 627 628 629 630 631 h1 { 632 color: #00203a; 633 } 634 .single_variation_wrap { 635 width: 100%; 636 } 637 638 639 640 641 642 643 644/* ===== Variations â container ===== */ 645.single-product .variations { 646 padding: 14px; 647 width: 100%; 648} 649 650/* Rij wrapper (één attribuut per rij) */ 651.single-product .variations .attr-group { 652 margin-bottom: 12px; 653} 654.single-product .variations .attr-label { 655 font-weight: 700; 656 font-size: .95rem; 657 margin: 0 0 8px; 658 color: white; 659} 660 661/* Verberg het originele select, maar laat het toegankelijk & meetbaar voor Woo */ 662.single-product .variations .attr-select { 663 position: absolute !important; 664 height: 1px; width: 1px; 665 padding: 0; margin: -1px; 666 overflow: hidden; clip: rect(0 0 0 0); 667 border: 0; 668} 669 670/* Opties (pills) */ 671.single-product .variations .attr-options { 672 display: flex; 673 flex-wrap: wrap; 674 gap: 8px; 675} 676 677/* Visueel: input radiobutton verbergen, label doet het werk */ 678.single-product .variations .attr-option { 679 position: relative; 680} 681.single-product .variations .attr-option input[type="radio"] { 682 position: absolute; 683 opacity: 0; 684 pointer-events: none; 685} 686.single-product .variations .attr-option label { 687 display: inline-flex; 688 align-items: center; 689 justify-content: center; 690 padding: .5rem .9rem; 691 border: 1px solid #464646; 692 transition: .3s ease; 693 border-radius: 999px; /* pill */ 694 background: #1a1a1a; 695 color: white; 696 font-weight: 600; 697 font-size: .9rem; 698 line-height: 1; 699 cursor: pointer; 700 transition: background .15s ease, border-color .15s ease, color .15s ease, box-shadow .15s ease; 701 user-select: none; 702} 703 704.single-product .variations .attr-option label:hover { 705 border-color: var(--buttoncolor); 706} 707 708/* Geselecteerd */ 709.single-product .variations .attr-option input[type="radio"]:checked + label { 710 border-color: var(--buttoncolor); 711 background-color: var(--buttoncolor); 712} 713 714/* Niet-beschikbaar (Woo zet option[disabled]) -> wij spiegelen naar disabled op radio */ 715.single-product .variations .attr-option.is-disabled label { 716 opacity: .45;
717 cursor: not-allowed; 718 text-decoration: line-through; 719} 720 721/* Reset link */ 722.single-product .variations .reset_variations { 723 display: inline-block; 724 margin-top: 6px; 725 font-size: .85rem; 726 color: #666; 727 text-decoration: underline; 728} 729.single-product .variations .reset_variations:hover { color: #111; } 730 731/* Tabel-schoonmaak */ 732.single-product table.variations { 733 border: 0; 734} 735.single-product table.variations tr, 736.single-product table.variations td { 737 border: 0; 738 background: transparent; 739 padding: 0; 740} 741 742/* Maak cellen onder elkaar op mobiel */ 743@media (max-width: 575.98px) { 744 .single-product .variations .attr-options { gap: 6px; } 745} 746 747 748 749 750 751 752 753 754 755 756 757 758/* ========================= 759 SINGLE PRODUCT â CART ROW 760========================= */ 761 762/* Qty + button in one line (wraps nicely on mobile) */ 763.single-product .woocommerce-variation-add-to-cart, 764.single-product .summary form.cart, 765.single-product .variations_form.cart { 766 display: flex; 767 align-items: center; 768 gap: .75rem; 769 flex-wrap: wrap; 770 margin: 0; 771} 772 773/* Keep Woo's .quantity wrapper from adding extra spacing */ 774.single-product .summary form.cart .quantity, 775.single-product .variations_form .quantity { 776 margin: 0; 777} 778 779/* ========================= 780 QUANTITY PILL WITH +/- 781========================= */ 782 783/* If your JS wraps the input, this styles the pill */ 784.qty-wrap { 785 display: inline-flex; 786 align-items: center; 787 border: 1px solid rgba(0,0,0,.14); 788 border-radius: 99em; 789 overflow: hidden; 790 background: #fff; 791} 792 793/* + / â buttons inside the pill */ 794.qty-wrap .qty-btn { 795 width: 2rem; 796 height: 100%; 797 background-color: white; 798 border: 0; 799 font-size: 1.2rem; 800 font-weight: 700; 801 height: 50px; 802 cursor: pointer; 803 display: inline-flex; 804 align-items: center; 805 justify-content: center; 806 transition: background .2s ease; 807} 808.qty-wrap .qty-btn:hover { background: #ebebeb; } 809 810/* Number input inside the pill */ 811.qty-wrap .qty { 812 border: 0; 813 width: 3.2rem; /* tidy width; adjust if needed */ 814 text-align: center; 815 font-weight: 600; 816 background: transparent; 817} 818 819/* Remove native number spinners */ 820.qty-wrap .qty::-webkit-outer-spin-button, 821.qty-wrap .qty::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } 822.qty-wrap .qty[type=number] { -moz-appearance: textfield; } 823 824/* Fallback if no JS wrap: make Woo default qty look like a pill */ 825.single-product .summary .quantity input.qty { 826 /*border: 1px solid rgba(0,0,0,.14);*/ 827 border-radius: 99em; 828 width: 3.2rem; 829 text-align: center; 830 font-weight: 600; 831 background: #fff; 832} 833 834.single-product .summary .product_meta { 835 margin-top: 1rem; 836} 837 838.single-product .summary .quantity input.qty:focus { 839 outline: none; 840} 841 842/* ========================= 843 ADD TO CART â PILL BUTTON 844========================= */ 845 846.single-product .summary .single_add_to_cart_button { 847 border-radius: 99em; 848 font-weight: 700; 849 white-space: nowrap; 850} 851 852/* If some theme forces full width buttons, undo it */ 853.single-product .summary form.cart .single_add_to_cart_button { width: auto; } 854 855 856 857 858 859 860 861 862/* ========================= 863 TABS NAVIGATION 864========================= */ 865 866/* Container */ 867.product-single__after .woocommerce-tabs .wc-tabs { 868 display: flex; 869 margin: 0; 870 list-style: none; 871 border: 1px solid rgba(255,255,255,.15); 872 border-radius: .6rem .6rem 0 0; 873} 874 875/* Tab item */ 876.product-single__after .woocommerce-tabs .wc-tabs li { 877 margin: 0; 878} 879 880/* Tab links */ 881.product-single__after .woocommerce-tabs .wc-tabs li a { 882 display: inline-flex; 883 align-items: center; 884 justify-content: center; 885 padding: .7rem 1.2rem; 886 font-size: 1rem; 887 font-weight: 600; 888 text-decoration: none; 889 color: #aaa; /* inactive */ 890 background: rgba(255,255,255,.03); /* subtle background so they look like tabs */ 891 border: 1px solid transparent; 892 border-bottom: none; 893 transition: all .25s ease; 894} 895 896/* Hover */ 897.product-single__after .woocommerce-tabs .wc-tabs li a:hover { 898 color: #fff; 899 background: rgba(255,255,255,.08); 900} 901 902/* Active tab */ 903.product-single__after .woocommerce-tabs .wc-tabs li.active a { 904 color: #fff; 905 background: #111; 906 border: 1px solid rgba(255,255,255,.15); 907 border-bottom: 2px solid var(--buttoncolor); /* highlight underline */ 908 position: relative; 909 z-index: 2; /* make sure active tab sits above the panel */ 910} 911 912/* ========================= 913 TAB PANELS 914========================= */ 915 916.product-single__after .woocommerce-tabs .woocommerce-Tabs-panel { 917 padding: 1.5rem; 918 border: 1px solid rgba(255,255,255,.15); 919 border-top: none; 920 border-radius: 0 0 .6rem .6rem; 921 background: rgba(255,255,255,.02); 922 color: #ddd; 923} 924 925.product-single__after .woocommerce-tabs .woocommerce-Tabs-panel h2 { 926 font-size: 1.2rem; 927 margin-bottom: 1rem; 928 color: #fff; 929 font-weight: 700; 930} 931 932 933 934.product-single__after .woocommerce-tabs table th, 935.product-single__after .woocommerce-tabs table td { 936 vertical-align: middle !important; 937 color: #fff !important; 938 padding: 5px 0; 939} 940.product-single__after .woocommerce-tabs table th { 941 padding-right: 30px; 942} 943 944 945.product-single__after .woocommerce-tabs table td p { 946 color: white !Important; 947 margin: 0; 948} 949 950 951 952 953 954 955 956 957 958 959 960 961 962 963 964 965 966 967 968 969 970 971 972 973 974/* Single product general */ 975.product-single { 976 --sp-gap: 1rem; 977} 978 979/* Optional topbar */ 980.product-single__topbar { 981 border-bottom: 1px solid rgba(0,0,0,.06); 982 padding-bottom: .5rem; 983} 984.product-single__breadcrumbs .sep, 985.product-single__breadcrumbs .delimiter { opacity: .55; } 986 987/* Gallery */ 988.product-single__gallery .woocommerce-product-gallery { 989 border-radius: .75rem; 990 overflow: hidden; 991} 992.product-single__gallery .flex-control-nav { 993 gap: .5rem !important; 994} 995.product-single__gallery .woocommerce-product-gallery__image img { 996 width: 100%; 997 height: auto; 998 display: block; 999} 1000 1001.product_title.entry-title { 1002 color: white; 1003} 1004/* Summary card */ 1005.product-single__summary .summary { 1006 1007} 1008.product-single__summary .product-single__title { 1009 line-height: 1.15; 1010} 1011 1012/* Price + rating spacing */ 1013.single-product .summary .price { 1014 font-size: 1.5rem; 1015 font-weight: 700; 1016 margin-top: .25rem; 1017 color: rgb(239, 120, 36); 1018} 1019.single-product .summary .star-rating { 1020 margin-top: .25rem; 1021} 1022 1023/* Excerpt readability */ 1024.single-product .summary .woocommerce-product-details__short-description { 1025 color: rgb(138, 142, 145); 1026 line-height: 1.55; 1027} 1028.single-product .summary .woocommerce-product-details__short-description p { 1029 color: rgb(138, 142, 145); 1030} 1031 1032 1033/* Meta + sharing */ 1034.single-product .product_meta { 1035 font-size: .9rem; 1036 color: white; 1037} 1038 1039/* Tabs/related spacing */ 1040.product-single__after .woocommerce-tabs { 1041 margin: 5rem 0; 1042} 1043.related.products, 1044.upsells.products { 1045 margin-top: 2rem; 1046} 1047 1048.posted_in a:hover { 1049 color: white; 1050} 1051/* Small polish for sale flash */ 1052.onsale { 1053 top: .75rem; 1054 left: .75rem; 1055 right: auto; 1056 border-radius: 999px; 1057 padding: .35rem .6rem; 1058 font-size: .75rem; 1059} 1060 1061/* Responsive niceties */ 1062@media (max-width: 991.98px) { 1063 .product-single__grid { row-gap: 2rem; } 1064 .single-product .summary .price { font-size: 1.35rem; } 1065} 1066 1067 1068 1069 1070 1071 1072 1073 1074 1075 1076 1077 1078 1079 1080 1081 1082 1083 1084 1085 1086/* === Shop top (result count + ordering + notices) === */ 1087.shop__top-wrapper { 1088 display: flex; 1089 align-items: center; 1090 justify-content: space-between; 1091 flex-wrap: wrap; /* stack op mobiel */ 1092} 1093 1094/* Notices eerst, volle breedte */ 1095.shop__top-wrapper .woocommerce-notices-wrapper { 1096 flex: 0 0 100%; 1097 margin: 0; 1098} 1099 1100/* Tekst links */ 1101.shop__top-wrapper .woocommerce-result-count { 1102 margin: 0; 1103 font-size: 14px; 1104 color: #555; 1105 line-height: 44px; /* match select height */ 1106} 1107 1108/* Form rechts */ 1109.shop__top-wrapper .woocommerce-ordering { 1110 margin: 0 0 0 auto; /* duw naar rechts */ 1111} 1112 1113/* Mooie select */ 1114.shop__top-wrapper .woocommerce-ordering .orderby { 1115 appearance: none; 1116 -webkit-appearance: none; 1117 -moz-appearance: none; 1118 min-width: 220px; 1119 padding: 10px 40px 10px 14px; 1120 border: 1px solid #ddd; 1121 border-radius: 8px; 1122 background: #fff; 1123 font-size: 14px; 1124 line-height: 1.4; 1125 color: #333; 1126 cursor: pointer; 1127 transition: border-color .2s ease, box-shadow .2s ease; 1128 background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='%23555'><path d='M7 10l5 5 5-5'/></svg>"); 1129 background-repeat: no-repeat; 1130 background-position: right 12px center; 1131 background-size: 18px; 1132} 1133.shop__top-wrapper .woocommerce-ordering .orderby:hover { 1134 border-color: #ef7823; 1135} 1136.shop__top-wrapper .woocommerce-ordering .orderby:focus { 1137 outline: none; 1138 border-color: #ef7823; 1139 box-shadow: 0 0 0 2px rgba(239,120,35,.2); 1140} 1141 1142/* Mobiel: alles onder elkaar, select 100% */ 1143@media (max-width: 576px) { 1144 .shop__top-wrapper { 1145 gap: 12px; 1146 } 1147 .shop__top-wrapper .woocommerce-result-count { 1148 line-height: 1.4; 1149 width: 100%; 1150 } 1151 .shop__top-wrapper .woocommerce-ordering { 1152 width: 100%; 1153 } 1154 .shop__top-wrapper .woocommerce-ordering .orderby { 1155 width: 100%; 1156 } 1157} 1158 1159/* (Optioneel) kleine cosmetica voor Woo notices */ 1160.shop__top-wrapper .woocommerce-message, 1161.shop__top-wrapper .woocommerce-error, 1162.shop__top-wrapper .woocommerce-info { 1163 border-radius: 8px; 1164 border: 1px solid #e8e8e8; 1165 padding: 12px 14px; 1166} 1167.shop__top-wrapper .woocommerce-message { 1168 border-color: rgba(239,120,35,.35); 1169 background: rgba(239,120,35,.06); 1170} 1171 1172 1173 1174 1175 1176 1177 1178 1179 1180 1181/* === WooCommerce Pagination â clean & modern (fixed selectors) === */ 1182.woocommerce nav.woocommerce-pagination { 1183 margin: 40px 0 0; 1184 text-align: center; 1185} 1186 1187/* De UL zelf (container) */ 1188.woocommerce nav.woocommerce-pagination ul.page-numbers { 1189 display: inline-flex; 1190 gap: 10px; 1191 padding: 0; 1192 margin: 0; 1193 list-style: none; 1194 border: 0; 1195} 1196 1197/* Li reset (geen vaste afmetingen hier!) */ 1198.woocommerce nav.woocommerce-pagination ul.page-numbers li { 1199 border: 0; 1200 margin: 0; 1201 padding: 0; 1202} 1203 1204/* Alleen de KNOPPEN (a/span) krijgen de button-styling */ 1205.woocommerce nav.woocommerce-pagination ul.page-numbers li a.page-numbers, 1206.woocommerce nav.woocommerce-pagination ul.page-numbers li span.page-numbers { 1207 display: inline-flex; 1208 align-items: center; 1209 justify-content: center; 1210 width: 44px; 1211 height: 44px; 1212 font-size: 15px; 1213 font-weight: 600; 1214 color: #333; 1215 border: 1px solid #ddd; 1216 border-radius: 6px; 1217 background: #fff; 1218 transition: all .2s ease; 1219 text-decoration: none; 1220} 1221 1222/* Hover */ 1223.woocommerce nav.woocommerce-pagination ul.page-numbers li a.page-numbers:hover { 1224 background: #ef7823; 1225 color: #fff; 1226 border-color: #ef7823; 1227} 1228
1229/* Actieve pagina (span.current) */ 1230.woocommerce nav.woocommerce-pagination ul.page-numbers li span.page-numbers.current { 1231 background: #ef7823; 1232 border-color: #ef7823; 1233 color: #fff; 1234 cursor: default; 1235} 1236 1237/* Prev / Next (a of span) â bredere padding, geen vaste width */ 1238.woocommerce nav.woocommerce-pagination ul.page-numbers li a.prev, 1239.woocommerce nav.woocommerce-pagination ul.page-numbers li a.next, 1240.woocommerce nav.woocommerce-pagination ul.page-numbers li span.prev, 1241.woocommerce nav.woocommerce-pagination ul.page-numbers li span.next { 1242 width: auto; 1243 padding: 0 18px; 1244 font-size: 14px; 1245} 1246 1247/* Dots (â¦) */ 1248.woocommerce nav.woocommerce-pagination ul.page-numbers li span.dots { 1249 border: none; 1250 background: transparent; 1251 color: #999; 1252 width: auto; 1253 padding: 0; 1254} 1255 1256 1257 1258 1259 1260 1261 1262 1263 1264 1265 1266 1267 1268 1269 1270.footer li, 1271.footer p, 1272.footer a { 1273 color: white; 1274} 1275 1276 1277 .sidebar a:hover, 1278 .footer a:hover { 1279 color: white; 1280 } 1281 1282 :root { 1283 --main: #111111; 1284 --mainhover: #111111; 1285 1286 --alt: #001221; 1287 --althover: #001221; 1288 1289 --buttontext: #ffffff; 1290 --buttoncolor: #a37251; 1291 --buttonhover: #a37f65; 1292 1293 --buttonsecondarytext: #ffffff; 1294 --buttonsecondarycolor: #0a0000; 1295 --buttonsecondaryhover: #230000; 1296 1297 --borderradius: 10px; 1298 --buttonradius: 99em; 1299 1300 --fonthead: "Poppins", sans-serif;; 1301 1302 --fontsize: 18px; 1303 1304 --textcolor: #001221; 1305 --bgc: #ffffff; 1306 } 1307 1308 .sidebar h1, 1309 .sidebar h2, 1310 .sidebar h3, 1311 .sidebar h4, 1312 .sidebar h5 { 1313 color: ; 1314 } 1315 .sidebar p, 1316 .sidebar ul li, 1317 .sidebar ol li, 1318 .sidebar a { 1319 color: ; 1320 text-decoration: none; 1321 } 1322 .wysiwyg strong { 1323 color: #636363; 1324 } 1325 .area i, 1326 .footer i, 1327 .sidebar i, 1328 .usp__icon i { 1329 color: #a37251; 1330 } 1331 .wysiwyg li { 1332 font-size: 17px; 1333 } 1334 li:before { 1335 background-color: var(--buttoncolor) !important; 1336 } 1337 .wysiwyg a { 1338 color: var(--buttoncolor) !important; 1339 } 1340 .wysiwyg strong, .wysiwyg b { 1341 color: var(--buttoncolor); 1342 } 1343 .sidebar .wysiwyg p strong, 1344 .sidebar .wysiwyg a { 1345 color: white !important; 1346 } 1347 1348 1349 h6 { 1350 color: var(--buttoncolor) !important; 1351 margin-bottom: 0 !important; 1352 } 1353 1354 1355 @media (max-width: 768px) { 1356 .area__logo { 1357 padding: 10px 0; 1358 height: 70px; 1359 } 1360 } 1361 1362 1363 1364 1365 1366 1367 1368 1369 1370 1371 1372 1373 1374 1375 1376 1377 1378 1379 1380 1381 1382 1383 1384 1385 1386 1387 1388 1389 1390 1391/* Alleen het icoon wit maken */ 1392input[type="number"]::-webkit-inner-spin-button { 1393 filter: invert(1); /* maakt het pijltje wit */ 1394} 1395 1396 1397 1398 1399 1400 1401 1402 1403 1404/* ===== CART: volledig gescopeâd ===== */ 1405body.woocommerce-cart section.content .woocommerce{ 1406 background:#141414; 1407 color:#fff; 1408 border-radius:16px; 1409 padding:40px 50px; 1410 display:flex; 1411 gap:32px; 1412 align-items:flex-start; 1413} 1414 1415/* Mobiel: weer onder elkaar + kleinere padding */ 1416@media (max-width:992px){ 1417 body.woocommerce-cart section.content .woocommerce{ 1418 flex-direction:column; 1419 padding: 0px 15px; 1420 } 1421} 1422 1423/* Notificaties */ 1424body.woocommerce-cart section.content .woocommerce-notices-wrapper .woocommerce-info, 1425body.woocommerce-cart section.content .woocommerce-notices-wrapper .woocommerce-message, 1426body.woocommerce-cart section.content .woocommerce-notices-wrapper .woocommerce-error{ 1427 background:#222; border-left:4px solid #a37251; color:#fff; 1428 padding:12px 16px; border-radius:8px; margin-bottom:20px; 1429} 1430body.woocommerce-cart section.content .woocommerce-notices-wrapper a{text-decoration:underline;}
1431body.woocommerce-cart section.content .woocommerce-notices-wrapper a:hover{color:#fff;} 1432 1433/* Layout: table links / totalen rechts */ 1434body.woocommerce-cart section.content .woocommerce .woocommerce-cart-form{ 1435 flex:1 1 0; 1436 min-width:0; /* voorkomt overflow */ 1437} 1438 1439body.woocommerce-cart section.content .woocommerce .cart-collaterals{ 1440 flex:0 0 380px; 1441 margin-top:0; 1442} 1443 1444@media (max-width:992px){ 1445 body.woocommerce-cart section.content .woocommerce .woocommerce-cart-form, 1446 body.woocommerce-cart section.content .woocommerce .cart-collaterals{ 1447 flex:1 1 100%; 1448 width:100%; 1449 } 1450} 1451 1452/* Tabel basis */ 1453body.woocommerce-cart section.content table.shop_table{ 1454 width:100%; 1455 border-radius:12px; 1456 border-collapse:separate; 1457 border-spacing:0; 1458 overflow:hidden; 1459} 1460body.woocommerce-cart section.content .woocommerce-shipping-destination { 1461 color: white; 1462} 1463 1464body.woocommerce-cart section.content .woocommerce-shipping-methods label { 1465 color: white; 1466} 1467 1468/* Buttons in cart */ 1469body.woocommerce-cart section.content .button { 1470 min-width: max-content; 1471 color: white !important; 1472 padding: 12px 42px 12px 20px !important; 1473} 1474 1475body.woocommerce-cart section.content table.shop_table thead th{ 1476 color:#eaeaea; font-weight:600; letter-spacing:.3px; 1477 padding:8px 10px; /* compacter */ 1478 border-bottom:1px solid #2f2f2f; 1479} 1480body.woocommerce-cart section.content table.shop_table td{ 1481 padding:10px 10px; /* compacter */ 1482 vertical-align: top; 1483 border-bottom:1px solid #2b2b2b; 1484 vertical-align:middle; color:#e8e8e8; 1485 max-width: 130px; 1486} 1487body.woocommerce-cart section.content table.shop_table tr:last-child td{border-bottom:0;} 1488 1489/* Kolombreedtes */ 1490body.woocommerce-cart section.content th.product-remove, 1491body.woocommerce-cart section.content td.product-remove{ 1492 width:32px; 1493 text-align:center; 1494 padding:4px 4px; 1495} 1496 1497body.woocommerce-cart section.content th.product-thumbnail, 1498body.woocommerce-cart section.content td.product-thumbnail{ 1499 width:80px; 1500} 1501 1502body.woocommerce-cart section.content td.product-price, 1503body.woocommerce-cart section.content td.product-quantity, 1504body.woocommerce-cart section.content td.product-subtotal{ 1505 white-space:nowrap; 1506} 1507 1508/* Thumbnail */ 1509body.woocommerce-cart section.content td.product-thumbnail img{ 1510 width:72px; height:72px; object-fit:cover; border-radius:10px; display:block; 1511} 1512 1513/* Productnaam */ 1514body.woocommerce-cart section.content td.product-name a{ 1515 color:#fff;text-decoration:none; 1516} 1517body.woocommerce-cart section.content td.product-name a:hover{color:#b48663;} 1518 1519/* Qty */ 1520body.woocommerce-cart section.content .quantity{display:inline-flex;} 1521body.woocommerce-cart section.content .quantity .qty{ 1522 width:70px; text-align:center; background:#1b1b1b; color:#eee; 1523 border:1px solid #333; border-radius:8px; padding:8px 8px; transition:.2s; 1524} 1525body.woocommerce-cart section.content .quantity .qty:focus{ 1526 border-color:#a37251; box-shadow:0 0 0 2px rgba(163,114,81,.3); outline:none; 1527} 1528 1529/* Remove (Ã) */ 1530body.woocommerce-cart section.content a.remove{ 1531 display:inline-flex; align-items:center; justify-content:center; 1532 width:24px; height:24px; border-radius:6px; 1533 background:#a37251!important; color:#fff!important; text-decoration:none; 1534 font-size:14px; 1535} 1536body.woocommerce-cart section.content a.remove:hover{background:#b48663!important;} 1537 1538/* Inputs generiek (match checkout look) */ 1539body.woocommerce-cart section.content input.input-text{ 1540 background:#1b1b1b; color:#eee; border:1px solid #333; border-radius:8px; padding:10px 14px; 1541} 1542body.woocommerce-cart section.content input.input-text:focus{ 1543 border-color:#a37251; box-shadow:0 0 0 2px rgba(163,114,81,.3); outline:none; 1544} 1545 1546/* Acties rij (coupon + update) */ 1547body.woocommerce-cart section.content td.actions{ 1548 display:flex; gap:12px; align-items:center; flex-wrap:wrap; 1549 border-top:1px solid #2b2b2b; padding:16px; 1550} 1551body.woocommerce-cart section.content .coupon{ 1552 display:flex; gap:10px; align-items:center; flex:1; 1553} 1554body.woocommerce-cart section.content .coupon label{display:none;}
1555body.woocommerce-cart section.content .coupon .input-text{ 1556 min-width:220px; margin-bottom:0; bottom:0; 1557} 1558 1559@media (max-width:768px){ 1560 body.woocommerce-cart section.content td.actions{flex-direction:column; align-items:stretch;} 1561 body.woocommerce-cart section.content .coupon{width:100%;} 1562 body.woocommerce-cart section.content .coupon .input-text{width:100%; min-width:0;} 1563} 1564 1565.wc-proceed-to-checkout .button { 1566 width: 100%; 1567} 1568 1569/* Buttons (match checkout) */ 1570body.woocommerce-cart section.content .button, 1571body.woocommerce-cart section.content button.button, 1572body.woocommerce-cart section.content a.button{ 1573 background:#a37251; color:#fff; border:none; border-radius:10px; 1574 cursor:pointer; transition:.2s; display:inline-flex; align-items:center; 1575} 1576body.woocommerce-cart section.content .button:hover{background:#b48663;} 1577 1578/* Totals rechts */ 1579body.woocommerce-cart section.content .cart_totals{ 1580 background:#1a1a1a; border-radius:12px; padding:22px; 1581} 1582body.woocommerce-cart section.content .cart_totals h2{ 1583 color:#eaeaea; border-bottom:1px solid #222; padding-bottom:10px; margin-bottom:16px; letter-spacing:.3px; 1584} 1585body.woocommerce-cart section.content .cart_totals table{width:100%; border-collapse:collapse;}
1586body.woocommerce-cart section.content .cart_totals th, 1587body.woocommerce-cart section.content .cart_totals td{ 1588 border-bottom:1px solid #2b2b2b; padding:10px 0; color:#e8e8e8;vertical-align: top; 1589} 1590body.woocommerce-cart section.content .cart_totals tr:last-child th, 1591body.woocommerce-cart section.content .cart_totals tr:last-child td{border-bottom:0;} 1592body.woocommerce-cart section.content .cart_totals a{color:#a37251;} 1593body.woocommerce-cart section.content .cart_totals a:hover{color:#b48663;} 1594body.woocommerce-cart section.content .wc-proceed-to-checkout{margin-top:16px;} 1595body.woocommerce-cart section.content .checkout-button{width:100%;text-align:center; display: flex !important; justify-content: center} 1596 1597/* Misc: verwijder vreemde markers/bullets uit table rows (soms door thema) */ 1598body.woocommerce-cart section.content table.shop_table tr::before{content:none!important;} 1599body.woocommerce-cart section.content table.shop_table li{list-style:none!important;} 1600body.woocommerce-cart section.content table.shop_table li::marker{content:''!important;} 1601 1602 1603 1604 1605/* ===== MOBILE: CART PRODUCT KAARTEN (alleen productrijen!) ===== */ 1606@media (max-width: 768px) { 1607 1608 /* Target ONLY the product-table inside .woocommerce-cart-form */ 1609 body.woocommerce-cart section.content .woocommerce-cart-form table.shop_table thead { 1610 display: none; 1611 } 1612 1613 body.woocommerce-cart section.content .woocommerce-cart-form table.shop_table tbody tr { 1614 display: block; 1615 background: #1a1a1a; 1616 margin-bottom: 18px; 1617 padding: 16px; 1618 border-radius: 12px; 1619 position: relative; /* voor remove knop */ 1620 } 1621 1622 body.woocommerce-cart section.content .woocommerce-cart-form table.shop_table tbody td { 1623 display: flex; 1624 justify-content: space-between; 1625 align-items: center; 1626 border: none !important; 1627 padding: 8px 0; 1628 max-width: 100%; 1629 } 1630 1631 /* Thumbnail bovenaan */ 1632 body.woocommerce-cart section.content .woocommerce-cart-form td.product-thumbnail { 1633 justify-content: center; 1634 padding-bottom: 12px; 1635 } 1636 1637 body.woocommerce-cart section.content .woocommerce-cart-form td.product-thumbnail img { 1638 width: 100px; 1639 height: 100px; 1640 border-radius: 10px; 1641 } 1642 1643 /* Productnaam full width */ 1644 body.woocommerce-cart section.content .woocommerce-cart-form td.product-name { 1645 display: block; 1646 margin-bottom: 10px; 1647 } 1648 body.woocommerce-cart section.content .woocommerce-cart-form td.product-name a { 1649 font-size: 16px; 1650 font-weight: 600; 1651 } 1652 1653 /* Price + quantity + subtotal */ 1654 body.woocommerce-cart section.content .woocommerce-cart-form td.product-price, 1655 body.woocommerce-cart section.content .woocommerce-cart-form td.product-quantity, 1656 body.woocommerce-cart section.content .woocommerce-cart-form td.product-subtotal { 1657 width: 100%; 1658 } 1659 1660 /* Remove-knop rechtsboven */ 1661 body.woocommerce-cart section.content .woocommerce-cart-form td.product-remove { 1662 position: absolute; 1663 top: 14px; 1664 right: 14px; 1665 } 1666 1667 /* Actions row alleen voor cart-form */ 1668 body.woocommerce-cart section.content .woocommerce-cart-form td.actions { 1669 display: block; 1670 padding: 0; 1671 border: none; 1672 } 1673} 1674 1675@media (max-width: 768px) { 1676 1677 body.woocommerce-cart section.content .woocommerce-cart-form td.product-price::before { 1678 content: "Prijs"; 1679 color: #bbb; 1680 font-size: 13px; 1681 font-weight: 500; 1682 margin-right: 12px; 1683 } 1684 1685 body.woocommerce-cart section.content .woocommerce-cart-form td.product-subtotal::before { 1686 content: "Subtotaal"; 1687 color: #bbb; 1688 font-size: 13px; 1689 font-weight: 500; 1690 margin-right: 12px; 1691 } 1692} 1693 1694 1695 1696 1697 1698 1699 1700 1701 1702 1703 1704 1705 1706 1707 1708 1709 1710 1711 1712</style> 1713 1714 1715 1716 1717 1718 1719 1720 1721 1722 1723 1724 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.1/css/brands.min.css" integrity="sha512-G/T7HQJXSeNV7mKMXeJKlYNJ0jrs8RsWzYG7rVACye+qrcUhEAYKYzaa+VFy6eFzM2+/JT1Q+eqBbZFSHmJQew==" crossorigin="anonymous" referrerpolicy="no-referrer" /> 1725<body> 1726 1727 1728 <style> 1729.woocommerce-shipping-methods input[type="radio"]:checked + label:before, 1730#shipping_method input[type="hidden"][value="distance_rate:5"] + label:before { 1731 border-color: white; 1732} 1733 1734 1735 .woocommerce-shipping-methods input[type="radio"]:checked + label:after, 1736#shipping_method input[type="hidden"][value="distance_rate:5"] + label:after {
1737 content: ""; 1738position: absolute; 1739left: 3px; 1740top: 3px; 1741width: 14px; 1742height: 14px; 1743background: #a37251; 1744border-radius: 50%; 1745} 1746 1747 .header-cart .header-cart__remove:hover { 1748 color: black !important; 1749 } 1750 1751 1752 #sbi-fr-ce-license-error { 1753 display: none !important; 1754 } 1755 1756 1757 .single-product .producten__col .attr-options { 1758 display: none; 1759 } 1760 1761 .single-product .producten__col .attr-select { 1762 position: relative !important; 1763 height: auto; 1764 width: 100%; 1765 padding: auto; 1766 margin: 0; 1767 overflow: visible; 1768 clip: none; 1769 } 1770 1771select option { 1772 background-color: white !important; 1773 color: black !important; 1774} 1775 1776 table.ui-datepicker-calendar a, 1777 .navigation__cart bdi { 1778 color: black !important; 1779 } 1780 1781 .producten--overview .attr-group select { 1782 border: none; 1783 appearance: none; 1784 background-color: transparent; 1785 color: white; 1786 } 1787 .producten--overview .attr-group { 1788 position: relative; 1789 border-radius: 99em; 1790 border: 1px solid #5e5e5e; 1791 } 1792 .producten--overview .attr-group:after { 1793 content: '\f078'; 1794 font-weight: 900; 1795 font-family: "Font Awesome 6 Free"; 1796 position: absolute; 1797 right: 16px; 1798 pointer-events: none; 1799 top: 50%; 1800 transform: translateY(-50%); 1801 color: white; 1802 font-size: 16px; 1803 } 1804 1805 .varrie .producten__buttons select { 1806 text-align: center; 1807 text-align-last: center; 1808} 1809 1810 .varrie .producten__price, 1811 .variations + .single_variation_wrap .single_variation { 1812 display: none !important; 1813 } 1814 @media (max-width: 1320px) { 1815 .producten--overview .producten__col { 1816 width: 33.3333%; 1817 } 1818 } 1819 @media (max-width: 1080px) { 1820 .producten--overview .producten__col { 1821 width: 50%; 1822 } 1823 } 1824 @media (max-width: 950px) { 1825 .producten--overview .producten__col { 1826 width: 100%; 1827 } 1828 .woocommerce-message { 1829 display: flex; 1830 flex-direction: column; 1831 justify-content: center; 1832 align-items: center; 1833 text-align: center; 1834 } 1835 .woocommerce-message .button { 1836 margin-top: 10px; 1837 } 1838 } 1839 1840 1841 .qty-wrap button { 1842 appearance: none; 1843 background-color: transparent; 1844 border: none; 1845 } 1846 1847 .normie .producten__buttons .cart, 1848 .producten.producten--overview .variations_button { 1849 display: flex; 1850 align-items: center; 1851 } 1852 .qty-wrap .qty-btn { 1853 color: black !important; 1854 } 1855 .producten.producten--overview .qty-wrap .qty-btn { 1856 width: 28px; 1857 } 1858 1859 .producten.producten--overview .qty-wrap .qty { 1860 width: 2rem; 1861 } 1862 1863 .producten.producten--overview .qty-wrap { 1864 margin-right: 6px; 1865 } 1866 1867 1868 1869 1870 .varrie .producten__meta { 1871 min-height: auto !important; 1872 } 1873 1874.archive .product-type-variable .single_variation_wrap { 1875 width: auto !important; 1876} 1877 1878 1879 1880.archive .product-type-variable .variations_form.cart { 1881 width: 100%; 1882 display: flex; 1883 flex-direction: column; 1884 align-items: center; 1885} 1886.archive .product-type-variable table.variations { 1887 width: 100%; 1888 margin-bottom: 24px; 1889} 1890 1891 1892 1893.archive .content h1 { 1894 color: white; 1895} 1896 1897.producten__col .attr-group { 1898 display: flex; 1899 align-items: center; 1900} 1901.producten__col .attr-group select { 1902 margin-bottom: 0; 1903} 1904 1905.producten__col .attr-group .attr-label { 1906 display: none; 1907} 1908 1909 1910.post-type-archive-product .attr-options, 1911.tax-product_cat .attr-options, 1912.tax-product_tag .attr-options { 1913 display: none !important; 1914} 1915 1916@media (max-width:991px) { 1917 .hero, 1918 .hero-home { 1919 margin-top: 0; 1920 } 1921} 1922/* fieldset = container only */ 1923.custom-radio { 1924 border: 0; 1925 padding: 0; 1926} 1927 1928/* labels = radio items */ 1929.custom-radio > label { 1930 position: relative; 1931 display: flex; 1932 align-items: center; 1933 padding-left: 32px; 1934 cursor: pointer; 1935 margin-bottom: 10px; 1936} 1937.custom-radio .required { 1938 display: none; 1939} 1940 1941/* echte radio verbergen */ 1942.custom-radio > label > input[type="radio"] { 1943 position: absolute; 1944 opacity: 0; 1945 pointer-events: none; 1946} 1947 1948.custom-radio > label:has(> input[type="radio"]:checked)::before { 1949 border-color: #ffffff; 1950} 1951 1952/* outer circle */ 1953.custom-radio > label::before { 1954 content: ""; 1955 position: absolute; 1956 left: 0; 1957 top: 50%; 1958 transform: translateY(-50%);
1959 width: 20px; 1960 height: 20px; 1961 border: 1px solid #333; 1962 border-radius: 50%; 1963 background-color: #1a1a1a; 1964 transition: all .2s ease; 1965} 1966 1967/* inner dot when checked */ 1968.custom-radio > label > input[type="radio"]:checked ~ ::after { 1969 /* noop */ 1970} 1971 1972/* correct checked state */ 1973.custom-radio > label:has(> input[type="radio"]:checked)::after { 1974 content: ""; 1975 position: absolute; 1976 left: 3px; 1977 top: 50%; 1978 transform: translateY(-50%); 1979 width: 14px; 1980 height: 14px; 1981 background: #a37251; 1982 border-radius: 50%; 1983} 1984 1985 1986 1987 1988 1989 1990 1991 1992 .woocommerce-cart .cross-sells { 1993 display: none !important; 1994 } 1995 1996.navigeren__link { 1997 font-size: 20px; 1998 padding: 4px 0; 1999} 2000.navigeren__sub-menu__link, 2001.navigeren__link:focus { 2002 color: white !important; 2003} 2004 2005.navigation__list { 2006 flex-wrap: wrap; 2007} 2008 2009.header-cart__title:hover { 2010 color: black !important; 2011} 2012.cart_item p, 2013.woocommerce-cart-form__cart-item.cart_item p { 2014 color: white !important; 2015} 2016 2017 2018.borgjes { 2019 display: none !important; 2020} 2021 2022 2023.woocommerce-cart-form + .cart-collaterals .shipping { 2024 display: none; 2025} 2026 2027.extras label { 2028 font-size: 22px; 2029 font-weight: bold; 2030 margin-bottom: 0px; 2031} 2032.extras span { 2033 font-size: 16px; 2034 line-height: 1; 2035} 2036 2037.fpf-fields { 2038 margin: 0; 2039} 2040 2041.woocommerce-checkout a, 2042.woocommerce-checkout strong { 2043 color: white !important; 2044} 2045ol li a:hover, ul li a:hover { 2046 color: white !important; 2047} 2048 2049 2050 2051/* ===== WooCommerce THANK YOU PAGE ONLY ===== */ 2052.woocommerce-order-received .woocommerce-order { 2053 color: #f1f1f1; 2054 font-size: 18px; 2055 line-height: 1.8; 2056} 2057 2058/* Paragrafen */ 2059.woocommerce-order-received .woocommerce-order p { 2060 color: #eaeaea; 2061 font-size: 18px; 2062 margin-bottom: 24px; 2063} 2064 2065/* Order overview */ 2066.woocommerce-order-received .woocommerce-order-overview { 2067 font-size: 18px; 2068 margin-bottom: 30px; 2069} 2070 2071.woocommerce-order-received .woocommerce-order-overview li, 2072.woocommerce-order-received .woocommerce-order-overview li strong { 2073 color: #ffffff !important; 2074} 2075 2076/* Secties spacing */ 2077.woocommerce-order-received .woocommerce-order-overview, 2078.woocommerce-order-received .woocommerce-order-details, 2079.woocommerce-order-received .woocommerce-customer-details { 2080 margin-bottom: 30px; 2081} 2082 2083/* Desktop layout: order details + custom fields naast elkaar */ 2084@media (min-width: 900px) { 2085 .woocommerce-order-received .woocommerce-order-details { 2086 display: grid; 2087 grid-template-columns: 2fr 1fr; 2088 gap: 30px; 2089 align-items: start; 2090 } 2091 2092 .woocommerce-order-received .woocommerce-table--order-details { 2093 grid-column: 1 / 2; 2094 } 2095 2096 .woocommerce-order-received .woocommerce-table--custom-fields { 2097 grid-column: 2 / 3; 2098 } 2099} 2100 2101/* Mobiel */ 2102@media (max-width: 899px) { 2103 .woocommerce-order-received .woocommerce-order-details { 2104 display: block; 2105 } 2106} 2107 2108/* Tabellen */ 2109.woocommerce-order-received .woocommerce-table { 2110 background: #151515; 2111 border: 1px solid #2a2a2a; 2112 color: #ddd; 2113 font-size: 18px; 2114} 2115 2116.woocommerce-order-received .woocommerce-table th, 2117.woocommerce-order-received .woocommerce-table td { 2118 padding: 14px 16px; 2119 border-bottom: 1px solid #2a2a2a; 2120 vertical-align: top; 2121} 2122 2123.woocommerce-order-received .woocommerce-table th { 2124 color: #ffffff; 2125 font-weight: 600; 2126} 2127 2128/* Custom fields tabel */ 2129.woocommerce-order-received .woocommerce-table--custom-fields th { 2130 background: #1a1a1a; 2131 font-size: 16px; 2132} 2133 2134.woocommerce-order-received .woocommerce-table--custom-fields td { 2135 font-size: 18px; 2136 color: #e0e0e0; 2137} 2138 2139/* Adressen */ 2140@media (min-width: 900px) { 2141 .woocommerce-order-received .woocommerce-columns--addresses { 2142 display: grid; 2143 grid-template-columns: 1fr 1fr; 2144 gap: 30px; 2145 } 2146} 2147 2148.woocommerce-order-received .woocommerce-customer-details address { 2149 background: #151515; 2150 border: 1px solid #2a2a2a; 2151 padding: 18px; 2152 color: #ddd; 2153 font-size: 18px; 2154} 2155 2156/* Titels */ 2157.woocommerce-order-received .woocommerce-order-details__title, 2158.woocommerce-order-received .woocommerce-column__title { 2159 font-size: 18px; 2160 margin-bottom: 16px; 2161 color: #ffffff; 2162} 2163 2164/* Prijzen */ 2165.woocommerce-order-received .woocommerce-Price-amount { 2166 color: #ffffff; 2167 font-weight: 600; 2168} 2169 2170 2171 2172 2173 2174 2175 2176 2177 2178 2179 2180 2181 2182 2183 2184 2185 2186 2187 2188 2189 2190 2191 2192/* ===== WooCommerce shipping sidebar â custom radio styling ===== */ 2193.woocommerce-shipping-methods label { 2194 position: relative; 2195 padding-left: 30px; 2196 cursor: pointer; 2197 display: inline-block; 2198 line-height: 20px; /* helpt met verticale uitlijning */ 2199} 2200 2201/* hide native radio */ 2202.woocommerce-shipping-methods input[type="radio"] { 2203 position: absolute; 2204 opacity: 0; 2205} 2206 2207/* radio circle */ 2208.woocommerce-shipping-methods label:before { 2209 content: ""; 2210 position: absolute; 2211 left: 0; 2212 top: 0px; /* ð verticale fix */
2213 width: 20px; 2214 height: 20px; 2215 border: 1px solid #333; 2216 border-radius: 50%; 2217 background-color: #1a1a1a; 2218 transition: all .2s ease; 2219} 2220 2221/* active / checked state */ 2222.woocommerce-shipping-methods input[type="radio"]:checked + label:after { 2223 content: ""; 2224 position: absolute; 2225 left: 3px; 2226 top: 3px; /* ð mee laten schuiven */ 2227 width: 14px; 2228 height: 14px; 2229 background: #a37251; 2230 border-radius: 50%; 2231} 2232 2233/* checked border */ 2234.woocommerce-shipping-methods input[type="radio"]:checked + label:before { 2235 border: 1px solid #fff; 2236} 2237 2238/* make whole row clickable */ 2239.woocommerce-shipping-methods li { 2240 cursor: pointer; 2241} 2242 2243 2244 2245 2246/* make whole row clickable */ 2247.woocommerce-shipping-methods li { 2248 cursor: pointer; 2249} 2250 2251 2252 2253#billing_country_field strong { 2254 color: white !important; 2255} 2256 2257.payment_box.payment_method_cod { 2258 margin-bottom: 10px; 2259} 2260.payment_box.payment_method_cod p { 2261 margin-bottom: 0px !important; 2262 color: white !important; 2263} 2264 2265/* Verberg standaard radio */ 2266.fpf-multi-checkbox input[type="checkbox"] { 2267 position: absolute; 2268 opacity: 0; 2269 pointer-events: none; 2270} 2271/* Label baseline */ 2272.fpf-multi-checkbox label { 2273 position: relative; 2274 padding-left: 26px; 2275 cursor: pointer; 2276 color: #fff; 2277 font-size: 18px; 2278 margin-right: 15px; 2279} 2280/* Custom cirkel */ 2281.fpf-multi-checkbox span:before { 2282 content: ""; 2283 position: absolute; 2284 left: 0; 2285 top: 4px; 2286 width: 20px; 2287 height: 20px; 2288 border: 1px solid #333; 2289 border-radius: 3px; 2290 background: transparent; 2291 background-color: #1a1a1a; 2292 transition: all .2s ease; 2293} 2294.fpf-multi-checkbox span:after { 2295 content: ""; 2296 position: absolute; 2297 left: 3px; 2298 top: 7px; 2299 width: 14px; 2300 height: 14px; 2301 border-radius: 1px; 2302 background: #a37251; 2303 opacity: 0; 2304} 2305.fpf-multi-checkbox input[type="checkbox"]:checked + span:before { 2306 border: 1px solid #333; 2307} 2308/* Binnenste bolletje wanneer checked */ 2309.fpf-multi-checkbox input[type="checkbox"]:checked + span:after { 2310 opacity: 1; 2311} 2312 2313 2314 2315 2316 2317.fpf-multi-checkbox .form-row, 2318.fpf-radio .form-row { 2319 display: flex; 2320 flex-wrap: wrap; 2321} 2322.fpf-multi-checkbox .form-row label, 2323.fpf-radio .form-row label { 2324 max-width: max-content; 2325} 2326 2327 2328 2329/* Verberg standaard radio */ 2330.fpf-radio input[type="radio"] { 2331 position: absolute; 2332 opacity: 0; 2333 pointer-events: none; 2334} 2335/* Label baseline */ 2336.fpf-radio label { 2337 position: relative; 2338 padding-left: 26px; 2339 cursor: pointer; 2340 color: #fff; 2341 font-size: 18px; 2342 margin-right: 15px; 2343} 2344/* Custom cirkel */ 2345.fpf-radio span:before { 2346 content: ""; 2347 position: absolute; 2348 left: 0; 2349 top: 4px; 2350 width: 20px; 2351 height: 20px; 2352 border: 1px solid #333; 2353 border-radius: 50%; 2354 background: transparent; 2355 background-color: #1a1a1a; 2356 transition: all .2s ease; 2357} 2358.fpf-radio span:after { 2359 content: ""; 2360 position: absolute; 2361 left: 3px; 2362 top: 7px; 2363 width: 14px; 2364 height: 14px; 2365 border-radius: 50%; 2366 background: #a37251; 2367 opacity: 0; 2368} 2369.fpf-radio input[type="radio"]:checked + span:before { 2370 border: 1px solid #333; 2371} 2372/* Binnenste bolletje wanneer checked */ 2373.fpf-radio input[type="radio"]:checked + span:after { 2374 opacity: 1; 2375} 2376 2377 2378 2379 2380 2381 2382 2383 2384 2385 .postid-1030 .row--center { 2386 align-items: flex-start; 2387 } 2388 2389.summary label { 2390 color: white; 2391} 2392.summary .required { 2393 color: var(--buttoncolor); 2394} 2395.fpf-fields { 2396 width: 100%; 2397} 2398.summary legend { 2399 color: white; 2400 font-size: 16px; 2401} 2402 2403.sku_wrapper, 2404.posted_in { 2405 color: rgb(138, 142, 145); 2406} 2407.posted_in a { 2408 text-decoration: underline; 2409 transition: .3s ease; 2410} 2411 2412 2413 2414 2415/* Verberg standaard radio */ 2416.woocommerce-input-wrapper input[type="radio"] { 2417 position: absolute; 2418 opacity: 0; 2419 pointer-events: none; 2420} 2421 2422/* Label baseline */ 2423.woocommerce-input-wrapper label.radio { 2424 position: relative; 2425 padding-left: 26px; 2426 cursor: pointer; 2427 color: #fff; 2428 font-size: 18px; 2429 margin-right: 15px; 2430} 2431 2432/* Custom cirkel */ 2433.woocommerce-input-wrapper label.radio:before { 2434 content: ""; 2435 position: absolute; 2436 left: 0; 2437 top: 0; 2438 width: 20px; 2439 height: 20px; 2440 border: 1px solid #333; 2441 border-radius: 50%; 2442 background: transparent; 2443 background-color: #1a1a1a; 2444 transition: all .2s ease; 2445} 2446.woocommerce-input-wrapper input[type="radio"]:checked + label.radio:before { 2447 border: 1px solid white; 2448} 2449/* Binnenste bolletje wanneer checked */ 2450.woocommerce-input-wrapper input[type="radio"]:checked + label.radio:after {
2451 content: ""; 2452 position: absolute; 2453 left: 3px; 2454 top: 3px; 2455 width: 14px; 2456 height: 14px; 2457 background: #a37251; 2458 border-radius: 50%; 2459} 2460 2461.fpf-fields-config-wrapper { 2462 display: none !important; 2463} 2464 2465 2466#fpf-add-to-cart-form p, 2467.fpf-fields-config-wrapper p { 2468 color: white !important; 2469} 2470 2471 2472 2473 2474 2475 2476 2477 2478 2479.woocommerce form .form-row-first, 2480.woocommerce form .form-row-last { 2481 width: calc(50% - 10px); 2482 display: inline-block; 2483 vertical-align: top; 2484 margin-right: 20px; 2485} 2486 2487.woocommerce form .form-row-last { 2488 margin-right: 0; 2489} 2490 2491@media (max-width: 768px) { 2492.woocommerce form .form-row-first, 2493.woocommerce form .form-row-last { 2494 width: calc(100%) !important; 2495 display: inline-block; 2496 vertical-align: top; 2497 margin-right: 0 !important; 2498} 2499 .hero-home__inner h6 { 2500 text-shadow: 0px 0px 6px black; 2501 } 2502} 2503@media (max-width:991.98px) { 2504 .credentials { 2505 padding: .5rem 0 !important; 2506 } 2507} 2508 2509span.required { 2510 display: none !important; 2511} 2512svg { 2513 margin: 0 auto; 2514} 2515 2516/* Verberg standaard checkbox */ 2517.woocommerce-form__input-checkbox { 2518 position: absolute; 2519 opacity: 0; 2520 pointer-events: none; 2521} 2522 2523/* Label structuur */ 2524.woocommerce-form__label-for-checkbox.checkbox { 2525 display: flex; 2526 align-items: center; 2527 margin-right: 10px; 2528 position: relative; 2529 cursor: pointer; 2530 user-select: none; 2531} 2532 2533/* Custom box vóór de tekst */ 2534.woocommerce-form__label-for-checkbox.checkbox span::before { 2535 content: ""; 2536 display: inline-block; 2537 width: 20px; 2538 height: 20px; 2539 border: 1px solid #333; 2540 border-radius: 4px; 2541 background: transparent; 2542 transition: all 0.2s ease; 2543 box-sizing: border-box; 2544 margin-right: 10px; 2545 background-color: #1a1a1a; 2546} 2547 2548/* Vinkje */ 2549.woocommerce-form__label-for-checkbox.checkbox span::after { 2550content: "\f00c"; 2551font-family: Font Awesome\ 5 Free; 2552margin-right: 10px; 2553font-weight: 900; 2554position: absolute; 2555left: 3px; 2556top: 6px; 2557opacity: 0; 2558font-size: 15px; 2559height: 20px; 2560} 2561 2562 2563 2564 2565 2566/* Checked state: kleur + vinkje */ 2567#ship-to-different-address-checkbox:checked + span::before { 2568 background: #a37251; 2569 border-color: #a37251; 2570} 2571 2572#ship-to-different-address-checkbox:checked + span::after { 2573 opacity: 1; 2574} 2575 2576 2577 2578 2579 2580 .post-type-archive-product .producten { 2581 margin: 0 auto; 2582 max-width: 1440px; 2583 } 2584 2585 #customer_details .form-row p { 2586background-color: #a37251; 2587border-left: 4px solid #ddac8c; 2588color: #ffffff; 2589padding: 12px 16px; 2590margin-bottom: 20px; 2591border-radius: 6px; 2592font-weight: 500; 2593 } 2594 2595 .wc-block-checkout, 2596.wc-block-components-address-form { white-space: normal; } 2597#wc-block-components-form div { 2598 font-size: 0; /* verwijdert zichtbare whitespace */ 2599} 2600#wc-block-components-form div * { 2601 font-size: initial; 2602} 2603.wc-block-components-text-input .wc-block-components-totals-coupon__input-coupon { 2604 color: black !important; 2605} 2606.added_to_cart.wc-forward { 2607 display: none !important; 2608} 2609#sb_instagram .sbi_photo_wrap { 2610 border-radius: 10px !important; 2611} 2612.woocommerce-error { 2613 background-color: #ffdddd; 2614 border-left: 4px solid #e2401c; 2615 color: #800; 2616 padding: 12px 16px; 2617 margin-bottom: 20px; 2618 border-radius: 6px; 2619 font-weight: 500; 2620} 2621input.nummertje { 2622display: block; 2623width: 100%; 2624-moz-appearance: none; 2625appearance: none; 2626-webkit-appearance: none; 2627padding: 10px; 2628margin-bottom: 20px; 2629height: 50px; 2630line-height: 50px; 2631border: 1px solid #d9d9d9; 2632border-radius: 4px; 2633-webkit-transition: .3s ease; 2634transition: .3s ease; 2635} 2636 2637 2638 2639 2640 .woocommerce-tabs { 2641 display: none !important; 2642 } 2643 2644 .producten__price { 2645 height: 50px; 2646 } 2647 .producten--overview .producten__meta { 2648 min-height: 140px; 2649 } 2650 2651 .navigation__search { 2652 margin-left: 20px; 2653 } 2654 .area__toggle { 2655 border-radius: 99em !important; 2656 } 2657 2658 #header-cart { 2659 position: relative; 2660 border-radius: 99em; 2661 background-color: color(srgb 0.6406 0.4467 0.3169); 2662 height: 52px; 2663 padding: 0 20px; 2664 display: flex; 2665 margin-left: -10px; 2666 } 2667 @media (max-width: 768px) { 2668 #header-cart { 2669 padding: 0 10px !important; 2670 height: 47px !important; 2671 } 2672 } 2673 2674 .navigation__list { 2675 width: 100%; 2676 } 2677 .top .navigation__link:after { 2678 top: 15px; 2679 } 2680 .top .navigation .navigation__item--parent .navigation__link { 2681 padding-right: 20px; 2682 } 2683 2684 .woocommerce-Tabs-panel p, 2685 .woocommerce-Tabs-panel h1, 2686 .woocommerce-Tabs-panel h2, 2687 .woocommerce-Tabs-panel h3, 2688 .woocommerce-Tabs-panel h5, 2689 .woocommerce-Tabs-panel h4, 2690 .woocommerce-Tabs-panel ul li { 2691 color: white; 2692 } 2693 .producten__price { 2694 text-align: center; 2695 } 2696 .producten__price .extra-prijsinfo { 2697 color: grey; 2698 margin: 0; 2699 font-weight: 300; 2700 line-height: 1; 2701 font-size: 14px; 2702 display: block; 2703 width: 100%; 2704 text-align: center; 2705 } 2706 .producten__price .woocommerce-Price-amount { 2707 margin-top: 10px; 2708 font-size: 20px; 2709 text-align: center; 2710 } 2711 2712 2713 .entry-summary .extra-prijsinfo { 2714 color: grey; 2715 font-weight: 300; 2716 } 2717 2718 @media (max-width: 768px) { 2719 .header-cart__dropdown { 2720 right: 10px; 2721 } 2722 .tab-button { 2723 margin-bottom: 6px; 2724 text-align: center; 2725 } 2726 #header-cart { 2727 position: initial !important; 2728 } 2729 .header-cart__actions { 2730 flex-direction: column; 2731 } 2732 .header-cart__actions a { 2733 text-align: center; 2734 } 2735 } 2736 2737 .wc-block-checkout .wc-block-components-order-summary-item__quantity span { 2738 color: black !important; 2739 } 2740 .wc-block-components-checkout-return-to-cart-button:hover { 2741 color: white; 2742 } 2743 .wc-block-components-checkout-return-to-cart-button { 2744 display: flex; 2745 } 2746 .wc-block-components-checkout-return-to-cart-button svg { 2747 width: auto; 2748 margin: 0; 2749 } 2750 2751 .wc-block-components-panel__button>.wc-block-components-panel__button-icon { 2752 margin: 0 !important; 2753 } 2754 .wc-block-components-notice-banner.is-error>svg { 2755 width: auto !important; 2756 max-width: 900px; 2757 display: inline-block; 2758 margin: 0; 2759 cursor: pointer; 2760 } 2761 2762.wc-block-components-form .wc-block-components-checkout-step { 2763 margin-bottom: 16px !important; 2764} 2765 .woocommerce nav.woocommerce-pagination ul.page-numbers li span.page-numbers.current { 2766 background-color: var(--buttoncolor) !important; 2767 border: 1px solid var(--buttoncolor) !important; 2768 } 2769 .woocommerce nav.woocommerce-pagination ul.page-numbers li a.page-numbers:hover { 2770 background-color: var(--buttoncolor) !important; 2771 border: 1px solid var(--buttoncolor) !important; 2772 } 2773 .area__toggle, 2774 .wc-block-components-button.wp-element-button.wc-block-components-totals-coupon__button.contained, 2775 .wc-block-components-button.wc-block-components-checkout-place-order-button.contained, 2776 .wc-block-components-button.wc-block-cart__submit-button.contained, 2777 .wc-block-components-button.wc-block-checkout__submit-button.contained, 2778 .top .navigation__link:before, 2779 .tab-button.active, 2780 .tab-button:hover { 2781 background-color: var(--buttoncolor) !important; 2782 } 2783 2784 .gform_wrapper.gravity-theme .gfield_required, 2785 .woocommerce-product-details__short-description a, 2786 .single-product .summary .price, 2787 .woocommerce-Price-currencySymbol, 2788 .producten__price, 2789 .actions__price { 2790 color: var(--buttoncolor) !important; 2791 } 2792 2793 .woocommerce-product-details__short-description a:hover { 2794 color: var(--buttoncolor) !important; 2795 } 2796 2797 .actions__title { 2798 background-color: var(--buttoncolor) !important; 2799 } 2800 2801 2802/*maak blokje BBQ zwart @dennis hoef je alleen maar dingetjes weg te halen toch hieronder*/ 2803 2804/*.content__white:before, 2805.content__white { 2806 background-color: #1a1a1a !important; 2807} 2808.content__white .wysiwyg h2, 2809.content__white .wysiwyg p { 2810 color: white; 2811}*/ 2812 2813.wc-block-components-form .wc-block-components-text-input label, .wc-block-components-text-input label { 2814 color: grey !important; 2815} 2816.navigation__link:hover, 2817.navigation__link:focus, 2818.navigation__link:active { 2819 color: white; 2820} 2821 2822.services__title { 2823 text-transform: none !important; 2824} 2825 2826.sidebar h2, 2827.sidebar h3, 2828.sidebar h4, 2829.sidebar h5 { 2830 color: white; 2831} 2832 2833h1,h2,h3,h4,h5,h6 { 2834 /*text-transform: uppercase;*/ 2835 text-transform: none !important; 2836} 2837.wc-block-cart__empty-cart__title.with-empty-cart-icon:before, 2838.wp-block-heading, .with-empty-cart-icon, .wc-block-cart__empty-cart__title { 2839 color: white; 2840} 2841 2842.content.single-product-content, 2843.product-single.product.type-product { 2844 width: 100%; 2845} 2846 2847.shop__top-wrapper .woocommerce-message, .shop__top-wrapper .woocommerce-error, .shop__top-wrapper .woocommerce-info { 2848 border-radius: 8px; 2849 border: 1px solid #e8e8e8; 2850 padding: 12px 14px; 2851 display: flex; 2852 justify-content: space-between; 2853 align-items: center; 2854 margin-bottom: 30px; 2855} 2856.shop__top-wrapper .woocommerce-message { 2857 border-color: rgba(239,120,35,.35); 2858 background: rgba(239,120,35,.06); 2859} 2860 2861.producten--overview .producten__title { 2862 text-align: center; 2863} 2864 2865body,html { 2866 background-color: #0f0f0f; 2867} 2868 2869 2870.navigation__link:after, 2871.navigation__sub-menu__link:before, 2872.navigation__item:after { 2873 font-weight: 900; 2874} 2875.top .navigation .navigation__item--parent .navigation__link { 2876 padding-right: 25px; 2877} 2878.navigation__item--parent .navigation__link:after { 2879 right: 5px; 2880} 2881 2882 2883@media (max-width: 767px) { 2884 .producten--overview .producten__col { 2885 width: 100% !important; 2886 } 2887} 2888 2889.card { 2890 border: 0px; 2891} 2892.card__body { 2893 background-color: #1a1a1a; 2894 2895} 2896 2897.card__body h3 { 2898 font-size: 22px; 2899} 2900.producten__buttons, .producten__meta { 2901 background-color: #1a1a1a !important; 2902} 2903.producten__title { 2904 color: white; 2905} 2906 2907.top__logo img { 2908 width: 100% !important; 2909 height:100%; 2910}.woocommerce-product-gallery { 2911 opacity: 1 !important; 2912} 2913 .gform_required_legend { 2914 display: none; 2915 } 2916 .gfield_label { 2917 color: white; 2918 } 2919 2920 2921 .footer__title{ 2922 text-transform: uppercase; 2923 } 2924 2925 .footer td, 2926 .credentials__col p, 2927 .credentials__col a, 2928 .credentials__item, 2929 .credentials__link,
2930 .footer__item, 2931 .footer__link { 2932 color: white !important; 2933 } 2934 2935 2936 .button:after { 2937 font-weight: 900; 2938 } 2939 .top .navigation__link { 2940 white-space: nowrap; 2941 } 2942 2943 @media (max-width: 1200px) { 2944 .top__inner { 2945 flex-direction: column; 2946 } 2947 } 2948 2949 .footer table td:first-child { 2950 padding-right: 20px; 2951 } 2952 2953 2954 @media (max-width: 992px) { 2955 .top__inner { 2956 flex-direction: row; 2957 } 2958 } 2959 2960 2961/* --main: ; 2962 --mainhover: ; 2963 2964 --alt: ; 2965 --althover: ; 2966 2967 --buttontext: ; 2968 --buttoncolor: ; 2969 --buttonhover: ; 2970 2971 --buttonsecondarytext: ; 2972 --buttonsecondarycolor: ; 2973 --buttonsecondaryhover: ; 2974 2975 --borderradius: ; 2976 --buttonradius: ; 2977 2978 --fonthead: ; 2979 2980 --fontsize: ; 2981 2982 --textcolor: ; 2983 --bgc: ;*/ 2984 2985 .navigation__item:last-child .navigation__link { 2986/* opacity: 1; 2987 background-color: var(--buttoncolor); 2988 padding: 0 14px !important; 2989 height: 52px; 2990 line-height: 52px; 2991 color: #fff; 2992 text-decoration: none; 2993 cursor: pointer; 2994 -moz-appearance: none; 2995 appearance: none; 2996 -webkit-appearance: none; 2997 border-radius: 99em; 2998 display: inline-block; 2999 -webkit-transition: .3s ease; 3000 transition: .3s ease; 3001 border: none;*/ 3002 } 3003 3004 @media (max-width: 768px) { 3005 .navigation__item:last-child .navigation__link { 3006 background-color: transparent; 3007 height: auto; 3008 padding: 0; 3009 padding-left: 0px !important; 3010 border-radius: 0; 3011 opacity: .8; 3012 } 3013 .galery { 3014 margin: 0 -7px !important; 3015 } 3016 .galery__col { 3017 padding: 0 7px !important; 3018 width: 50% !important; 3019 margin-bottom: 14px !important; 3020 } 3021 .navigation__item:last-child .navigation__link:hover { 3022 background-color: transparent !important; 3023 height: auto; 3024 padding: 0; 3025 opacity: 1; 3026 border-radius: 0; 3027 } 3028 } 3029 3030 3031 .navigation__item:last-child .navigation__link:hover { 3032 /*background-color: var(--buttonhover);*/ 3033 } 3034 .navigation__item:last-child .navigation__link:before { 3035 /*display: none !important;*/ 3036 } 3037 3038 3039 .hero { 3040 padding: 120px 0; 3041 } 3042 3043 @media (max-width: 992px) { 3044 .hero { 3045 padding: 80px 0; 3046 } 3047 } 3048 .services__meta { 3049 background-color: #1a1a1a !important; 3050 } 3051 .services__inner:hover .services__text { 3052 color: #8a8e91 !important; 3053 } 3054 </style> 3055 3056 3057 3058 <main class="button-has-arrows"> 3059 3060 <div class="topper topper--navvie"> 3061 3062 <style> 3063 .navigeren__close i { 3064 font-size: 12px; 3065 } 3066 .woocommerce-checkout .header-cart__remove, 3067 .woocommerce-checkout .header-cart__title { 3068 color: black !important; 3069 } 3070 </style> 3071 3072 <div class="bar"> 3073 <div class="container"> 3074 <div class="row"> 3075 <div class="col-12"> 3076 <div class="bar__inner"> 3077 <ul class="area__list" style="align-items: center;"> 3078 <li class="area__item"> 3079 <div> 3080 <span class="area__pre"><i class="fa-solid fa-phone"></i> </span> 3081 <a href="tel:0318591209" class="area__link">0318 â 591 209 </a> 3082 </div> 3083 <li class="area__item"> 3084 <span class="area__pre"><i class="fa-solid fa-envelope"></i> </span> 3085 <a href="mailto:[email protected]" class="area__link">[email protected]</a> 3086 </li> 3087 </ul> 3088 3089 <ul class="bar__social-list"> 3090 <li class="bar__social-item"><a style="padding-top: 3px;" href="https://www.facebook.com/Slagerij-Wilbrink-659104204146317/" class="bar__social-link facebook"><i class="fab fa-facebook-f"></i></a></li> 3091 3092 <li class="bar__social-item"><a style="padding-top: 3px;" href="https://www.instagram.com/slagerijwilbrink/" class="bar__social-link instagram"><i class="fab fa-instagram"></i></a></li> 3093 3094 <li class="bar__social-item"><a style="padding-top: 3px;" href="https://www.tiktok.com/@slagerijwilbrink/" class="bar__social-link tiktok"><i class="fab fa-tiktok"></i></a></li> 3095 3096 </ul> 3097 </div> 3098 </div> 3099 </div> 3100 </div> 3101 </div> 3102 3103 <div class="navvie"> 3104 <div class="container"> 3105 <div class="row"> 3106 <div class="col-12"> 3107 <div class="navvie__inner"> 3108 3109 <div class="navvie__col"> 3110 <a href="https://slagerij-wilbrink.nl" class="navvie__logo" style="display:block;"> 3111 <img style="max-width: 250px;" src="https://slagerij-wilbrink.nl/wp-content/uploads/2025/11/slagerij-wilbrink-otterlo_logo.svg" alt="Logo van Wilbrink"> 3112 </a> 3113 </div> 3114 3115 <div class="navvie__col navvie__search"> 3116 <form role="search" method="get" class="search__form" action="https://slagerij-wilbrink.nl"> 3117 <input placeholder="zoeken..." type="text" value="" name="s" id="s"> 3118 <i style="color: white;" class="fa-solid fa-magnifying-glass"></i> 3119 </form> 3120 </div> 3121 3122 <div class="navvie__col"> 3123 3124 <div class="navigation__cart"> 3125 <div class="header-cart" id="header-cart"> 3126 <a href="https://slagerij-wilbrink.nl/winkelwagen/" class="header-cart__trigger" aria-haspopup="true" aria-expanded="false"> 3127 <i style="margin-right: 10px;color: white" class="fa-solid fa-cart-shopping"></i>
3128 <span class="header-cart__count" data-cart-count>0</span> 3129 </a> 3130 3131 <div class="header-cart__dropdown" role="dialog" aria-label="Winkelmand"> 3132 <div class="header-cart__inner"> 3133 <div class="header-cart__empty"> 3134 <p>Je winkelwagen is leeg.</p> 3135 <a class="button" href="https://slagerij-wilbrink.nl/winkel/">Verder shoppen</a> 3136 </div> 3137 </div> 3138 </div> 3139 </div> 3140 <div id="cart-toast" class="cart-toast" aria-live="polite" aria-atomic="true"></div> 3141 </div> 3142 3143 <div class="navvie__wrap js-toggle"> 3144 <div class="navvie__toggle "> 3145 <span class="navvie__toggle-span"></span> 3146 <span class="navvie__toggle-span"></span> 3147 <span class="navvie__toggle-span"></span> 3148 </div> 3149 <div class="navvie__text">menu</div> 3150 </div> 3151 3152 </div> 3153 3154 </div> 3155 </div> 3156 </div> 3157 </div> 3158 </div> 3159 3160 3161</div> 3162 3163 <div class="navvie__offsite"> 3164 <div class="navigeren__close js-bg"><i class="fa-solid fa-x"></i></div> 3165 <nav class="navigeren"> 3166 <ul class="navigeren__list "><li class="navigeren__item navigeren__item--2"><a href="https://slagerij-wilbrink.nl/" class="navigeren__link" data-id="2">Home</a></li> 3167<li class="navigeren__item navigeren__item--parent navigeren__item--65"><a href="https://slagerij-wilbrink.nl/product-categorie/vers-vlees/" class="navigeren__link" data-id="65">Vers vlees</a> 3168 <ul class="navigeren__sub-menu navigeren__sub-menu--1"> 3169 <li class="navigeren__sub-menu__item navigeren__sub-menu--1__item navigeren__item--66"><a href="https://slagerij-wilbrink.nl/product-categorie/vers-vlees/rund/" class="navigeren__sub-menu__link navigeren__sub-menu--1__link" data-id="66">Rund</a></li> 3170 <li class="navigeren__sub-menu__item navigeren__sub-menu--1__item navigeren__item--67"><a href="https://slagerij-wilbrink.nl/product-categorie/vers-vlees/varken/" class="navigeren__sub-menu__link navigeren__sub-menu--1__link" data-id="67">Varken</a></li> 3171 <li class="navigeren__sub-menu__item navigeren__sub-menu--1__item navigeren__item--68"><a href="https://slagerij-wilbrink.nl/product-categorie/vers-vlees/kip/" class="navigeren__sub-menu__link navigeren__sub-menu--1__link" data-id="68">Kip</a></li> 3172 <li class="navigeren__sub-menu__item navigeren__sub-menu--1__item navigeren__item--20"><a href="https://slagerij-wilbrink.nl/product-categorie/rollades/" class="navigeren__sub-menu__link navigeren__sub-menu--1__link" data-id="20">Rollades</a></li> 3173</ul> 3174</li> 3175<li class="navigeren__item navigeren__item--parent navigeren__item--345"><a href="https://slagerij-wilbrink.nl/barbecue/" class="navigeren__link" data-id="345">Barbecue</a> 3176 <ul class="navigeren__sub-menu navigeren__sub-menu--1"> 3177 <li class="navigeren__sub-menu__item navigeren__sub-menu--1__item navigeren__item--35"><a href="https://slagerij-wilbrink.nl/product-categorie/barbecue/barbecuepakketten/" class="navigeren__sub-menu__link navigeren__sub-menu--1__link" data-id="35">Barbecuepakketten</a></li> 3178 <li class="navigeren__sub-menu__item navigeren__sub-menu--1__item navigeren__item--25"><a href="https://slagerij-wilbrink.nl/product-categorie/barbecue/bbq-vlees/" class="navigeren__sub-menu__link navigeren__sub-menu--1__link" data-id="25">BBQ Vlees</a></li> 3179 <li class="navigeren__sub-menu__item navigeren__sub-menu--1__item navigeren__item--27"><a href="https://slagerij-wilbrink.nl/product-categorie/barbecue/bbq-vegetarisch/" class="navigeren__sub-menu__link navigeren__sub-menu--1__link" data-id="27">BBQ Vegetarisch</a></li> 3180</ul> 3181</li> 3182<li class="navigeren__item navigeren__item--28"><a href="https://slagerij-wilbrink.nl/product-categorie/salades-smeersels/" class="navigeren__link" data-id="28">Salades & Smeersels</a></li> 3183<li class="navigeren__item navigeren__item--19">
3183<a href="https://slagerij-wilbrink.nl/product-categorie/gourmet-fondue/" class="navigeren__link" data-id="19">Gourmet & Fondue</a></li> 3184<li class="navigeren__item navigeren__item--parent navigeren__item--347"><a href="https://slagerij-wilbrink.nl/catering/" class="navigeren__link" data-id="347">Catering</a> 3185 <ul class="navigeren__sub-menu navigeren__sub-menu--1"> 3186 <li class="navigeren__sub-menu__item navigeren__sub-menu--1__item navigeren__item--23"><a href="https://slagerij-wilbrink.nl/product-categorie/catering/buffetten/" class="navigeren__sub-menu__link navigeren__sub-menu--1__link" data-id="23">Buffetten</a></li> 3187 <li class="navigeren__sub-menu__item navigeren__sub-menu--1__item navigeren__item--1030"><a href="https://slagerij-wilbrink.nl/product/ontbijtmand-voor-2-personen/" class="navigeren__sub-menu__link navigeren__sub-menu--1__link" data-id="1030">Ontbijtservice</a></li> 3188 <li class="navigeren__sub-menu__item navigeren__sub-menu--1__item navigeren__item--1048"><a href="https://slagerij-wilbrink.nl/product/speenvarken-aan-t-spit/" class="navigeren__sub-menu__link navigeren__sub-menu--1__link" data-id="1048">Speenvarken</a></li> 3189</ul> 3190</li> 3191<li class="navigeren__item navigeren__item--39"><a href="https://slagerij-wilbrink.nl/product-categorie/partypannen/" class="navigeren__link" data-id="39">Partypannen</a></li> 3192<li class="navigeren__item navigeren__item--1898"><a href="https://slagerij-wilbrink.nl/product/charcuterieplank/" class="navigeren__link" data-id="1898">Charcuterie plank</a></li> 3193<li class="navigeren__item navigeren__item--52"><a href="https://slagerij-wilbrink.nl/product-categorie/het-plateau/" class="navigeren__link" data-id="52">Het Plateau</a></li> 3194<li class="navigeren__item navigeren__item--62"><a href="https://slagerij-wilbrink.nl/product-categorie/grill-producten/" class="navigeren__link" data-id="62">Grill producten</a></li> 3195<li class="navigeren__item navigeren__item--33"><a href="https://slagerij-wilbrink.nl/product-categorie/bittergarnituur/" class="navigeren__link" data-id="33">Bittergarnituur</a></li> 3196<li class="navigeren__item navigeren__item--64"><a href="https://slagerij-wilbrink.nl/product-categorie/maaltijden-soepen/" class="navigeren__link" data-id="64">Maaltijden & Soepen</a></li> 3197<li class="navigeren__item navigeren__item--24"><a href="https://slagerij-wilbrink.nl/product-categorie/sauzen-extras/" class="navigeren__link" data-id="24">Sauzen & Extra’s</a></li> 3198<li class="navigeren__item navigeren__item--26"><a href="https://slagerij-wilbrink.nl/product-categorie/barbecue/huurartikelen/" class="navigeren__link" data-id="26">Huurartikelen</a></li> 3199<li class="navigeren__item navigeren__item--34"><a href="https://slagerij-wilbrink.nl/product-categorie/wild-van-het-park-de-hoge-veluwe/" class="navigeren__link" data-id="34">Wild vanuit het Park</a></li> 3200<li class="navigeren__item navigeren__item--355"><a href="https://slagerij-wilbrink.nl/worstmakerij-vleeswaren/" class="navigeren__link" data-id="355">Worstmakerij & Vleeswaren</a></li> 3201<li class="navigeren__item navigeren__item--1174"><a href="https://slagerij-wilbrink.nl/product/cadeaubon/" class="navigeren__link" data-id="1174">Cadeaubon</a></li> 3202<li class="navigeren__item navigeren__item--14"><a href="https://slagerij-wilbrink.nl/vacatures/" class="navigeren__link" data-id="14">Vacatures</a></li> 3203<li class="navigeren__item navigeren__item--active navigeren__item--357"><a href="https://slagerij-wilbrink.nl/contact/" class="navigeren__link" data-id="357">Contact</a></li> 3204</ul> </nav> 3205 </div> 3206 <div class="navvie__offsite-bg js-bg"></div> 3207 3208 3209 3210<style> 3211 .topper--navvie { 3212 top: 0; 3213 } 3214 .navvie__toggle { 3215 background-color: var(--buttoncolor); 3216 } 3217 @media (max-width: 768px) { 3218 .navvie__toggle { 3219 width: 47px; 3220 height: 47px; 3221 } 3222 } 3223 3224 .bar__inner {height: 30px} 3225 3226 @media (max-width: 768px) { 3227 .navvie__text { 3228 display: none; 3229 } 3230 .navvie__wrap { 3231 padding-right: 0px; 3232 } 3233 } 3234 3235 3236 3237 .navvie__offsite .navigeren ul li a:hover { 3238 color: var(--buttoncolor) !important; 3239 } 3240 3241 3242 .navvie__col:nth-child(3) { 3243 position: relative; 3244 } 3245 3246 .cart-toast { 3247 position: absolute; 3248 background-color: white; 3249 width: max-content; 3250 right: 0; 3251 top: 60px; 3252 color: white; 3253 border-radius: 99em; 3254 background-color: color(srgb 0.6391 0.447 0.3177); 3255 font-weight: bold; 3256 } 3257 .toast-msg { 3258 display: block; 3259 padding: 10px 20px; 3260 } 3261</style> 3262 3263 3264 3265 3266<style> 3267 .hero:after { 3268 width: 100%; 3269 height: 100%; 3270 position: absolute; 3271 left: 0; 3272 top: 0; 3273 opacity: 1; 3274 content: ""; 3275 background: linear-gradient(180deg,#000,transparent); 3276 z-index: 1; 3277 } 3278 @media (max-width: 992px) { 3279 .hero:after { 3280 display: none; 3281 } 3282 } 3283 .hero__overlay { 3284 opacity: 0; 3285 } 3286</style> 3287 3288<header class="hero"> 3289 <div class="container"> 3290 <div class="row"> 3291 <div class="col-12"> 3292 <div class="hero__inner text-center"> 3293 <h1> 3294 Contact </h1> 3295 </div> 3296 </div> 3297 </div> 3298 </div> 3299 3300 3301 <div class="hero__image" style="background-image: url(https://slagerij-wilbrink.nl/wp-content/uploads/2025/11/slagerij-wilbrink_header004.jpg);"></div> 3302</header><section class="content" style="background-color: #1a1a1a;"> 3303 <div class="container"> 3304 <div class="row row--reverse"> 3305 <div class="col-12 col-lg-4"> 3306 <div class="sidebar"> 3307 <div class="wysiwyg"> 3308 <style> 3309 .siide p, 3310 .siide h3, 3311 .siide .gfield_label, 3312 .siide h2 { 3313 color: white; 3314 } 3315 .gform_required_legend { 3316 display: none; 3317 } 3318 .gfield_required_asterisk { 3319 color: #76bc21 !important; 3320 } 3321 </style> 3322 <h3>Contactgegevens</h3> 3323<p><strong>Slagerij Wilbrink</strong><br /> 3324Harskamperweg 20<br /> 33256731 AB Otterlo</p> 3326<p><i class="fa-solid fa-phone"></i> <a href="tel:+31318591209">0318 – 591 209</a><br /> 3327<i class="fa-solid fa-envelope"></i> <a href="mailto:[email protected]">[email protected]</a></p> 3328<p><i class="fa-brands fa-facebook"></i> <a href="https://www.facebook.com/Slagerij-Wilbrink-659104204146317/" target="_blank" rel="noopener">Like ons op Facebook</a><br /> 3329<i class="fa-brands fa-instagram"></i> <a href="https://www.instagram.com/slagerijwilbrink/" target="_blank" rel="noopener">Volg ons op Instagram</a><br /> 3330<i class="fa-brands fa-tiktok"></i> <a href="https://www.tiktok.com/@slagerijwilbrink/" target="_blank" rel="noopener">Volg ons op TikTok</a></p> 3331<h3>Route</h3> 3332<p><iframe style="border: 0;" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d133812.5796240686!2d5.697749206335779!3d52.101237307581926!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47c7b3d762423d8f%3A0x8f66115cbc0c9682!2sSlagerij%20Wilbrink%20Otterlo!5e1!3m2!1snl!2snl!4v1762958890513!5m2!1snl!2snl" width="100%" height="300" allowfullscreen="allowfullscreen"></iframe></p> 3333 </div> 3334 </div>
3335 </div> 3336 <div class="col-12 col-lg-7 offset-lg-1 siide"> 3337 <div class="wysiwyg"> 3338 <h2>Neem contact op</h2> 3339<p>Vragen over onze producten of diensten? Neem vrijblijvend contact met ons op! Bereik ons via onze contactgegevens of vul het contactformulier in en wij zullen u zo spoedig mogelijk een reactie sturen.</p> 3340 3341 <div class='gf_browser_chrome gform_wrapper gravity-theme gform-theme--no-framework' data-form-theme='gravity-theme' data-form-index='0' id='gform_wrapper_1' > 3342 <div class='gform_heading'> 3343 <p class='gform_description'></p> 3344 </div><form method='post' enctype='multipart/form-data' id='gform_1' action='/contact/' data-formid='1' novalidate> 3345 <div class='gform-body gform_body'><div id='gform_fields_1' class='gform_fields top_label form_sublabel_below description_below validation_below'><div id="field_1_1" class="gfield gfield--type-text gfield--input-type-text gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible" ><label class='gfield_label gform-field-label' for='input_1_1'><span class='gform-field-label__text'>Naam</span><span class="gfield_required"><span class="gfield_required gfield_required_text">(Vereist)</span></span></label><div class='ginput_container ginput_container_text'><input name='input_1' id='input_1_1' type='text' value='' class='large' aria-required="true" aria-invalid="false" /></div></div><div id="field_1_3" class="gfield gfield--type-text gfield--input-type-text gfield--width-half gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible" ><label class='gfield_label gform-field-label' for='input_1_3'><span class='gform-field-label__text'>E-mail</span><span class="gfield_required"><span class="gfield_required gfield_required_text">(Vereist)</span></span></label><div class='ginput_container ginput_container_text'><input name='input_3' id='input_1_3' type='text' value='' class='large' aria-required="true" aria-invalid="false" /></div></div><div id="field_1_4" class="gfield gfield--type-text gfield--input-type-text gfield--width-half field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible" ><label class='gfield_label gform-field-label' for='input_1_4'><span class='gform-field-label__text'>Telefoon</span></label><div class='ginput_container ginput_container_text'><input name='input_4' id='input_1_4' type='text' value='' class='large' aria-invalid="false" /></div></div><div id="field_1_5" class="gfield gfield--type-textarea gfield--input-type-textarea gfield--width-full field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible" ><label class='gfield_label gform-field-label' for='input_1_5'><span class='gform-field-label__text'>Bericht</span></label><div class='ginput_container ginput_container_textarea'><textarea name='input_5' id='input_1_5' class='textarea large' aria-invalid="false" rows='10' cols='50'></textarea></div></div><div id="field_1_6" class="gfield gfield--type-text gfield--input-type-text gfield--width-full gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible" ><label class='gfield_label gform-field-label' for='input_1_6'><span class='gform-field-label__text'>In welk dorp zitten wij? (anti-spam)</span><span class="gfield_required"><span class="gfield_required gfield_required_text">(Vereist)</span></span></label><div class='ginput_container ginput_container_text'><input name='input_6' id='input_1_6' type='text' value='' class='large' aria-required="true" aria-invalid="false" /></div></div></div></div> 3346 <div class='gform-footer gform_footer top_label'> <button type='submit' id='gform_submit_button_1' class='gform_button button' onclick='gform.submission.handleButtonClick(this);' data-submission-type='submit' >Versturen</button> 3347 <input type='hidden' class='gform_hidden' name='gform_submission_method' data-js='gform_submission_method_1' value='postback' /> 3348 <input type='hidden' class='gform_hidden' name='gform_theme' data-js='gform_theme_1' id='gform_theme_1' value='gravity-theme' /> 3349 <input type='hidden' class='gform_hidden' name='gform_style_settings' data-js='gform_style_settings_1' id='gform_style_settings_1' value='[]' /> 3350 <input type='hidden' class='gform_hidden' name='is_submit_1' value='1' /> 3351 <input type='hidden' class='gform_hidden' name='gform_submit' value='1' /> 3352 3353 <input type='hidden' class='gform_hidden' name='gform_currency' data-currency='EUR' value='XrOLShUUyDIh10JSfYh7Jv/dWak2Y/NMOa+wuNS/h3rwOF7auqnguBNsFxyrloTtKwvrG2XmVr7y63D13yOn7Z78ijY7GUYSxr9P8ApcbGEcQhk=' /> 3354 <input type='hidden' class='gform_hidden' name='gform_unique_id' value='' /> 3355 <input type='hidden' class='gform_hidden' name='state_1' value='WyJ7XCJnZm9ybV9zdWJtaXNzaW9uX21ldGhvZFwiOltcImIyZmJjYTJhNDY3NTM1MGRjOTZiOGFkZWM3ODU2NDM0XCIsXCIwNTc3NjhmMThkZWE5YzYxZmE3ZmUxMmQ1YzVkZDA1M1wiXSxcImdmb3JtX3RoZW1lXCI6XCIyYmFlOTQzMjYyMGI3MzAzM2FkNmE2ZDUyMDRjMGM2NVwiLFwiZ2Zvcm1fc3R5bGVfc2V0dGluZ3NcIjpcIjM3NTRhZTMyMGIwMGNkNDhlMDI1YzExYjc1NzYxNmJlXCIsXCJmb3JtX2lkXCI6XCI2M2UwYTNlNzE1ZmI4ZjM3MTY1MWU5YWUyOWE1NjVkNFwiLFwidXJsXCI6XCI0ODE4OGFjYTk5MmUyODhmMWE1YjM0NTcxN2ViMzRhY1wiLFwic3RhdGVfdGltZXN0YW1wXCI6XCJkOTA2NGQ5NTY1ZGNkM2NjZDFmN2E1MmEzZWYxYWI2NVwifSIsIjJiYjk3OGVmY2FiMmI0YjdiMDBlYmZjYTM3ODExYjdhIiwxNzkwNDc4NTExXQ==' /> 3356 <input type='hidden' autocomplete='off' class='gform_hidden' name='gform_target_page_number_1' id='gform_target_page_number_1' value='0' /> 3357 <input type='hidden' autocomplete='off' class='gform_hidden' name='gform_source_page_number_1' id='gform_source_page_number_1' value='1' /> 3358 <input type='hidden' name='gform_field_values' value='' /> 3359 3360 </div> 3361 </form> 3362 </div>
3363 </div> 3364 </div> 3365 </div> 3366 </div> 3367</section> 3368<section class="content content--cta"> 3369 <div class="container"> 3370 <div class="row row--center row--cta"> 3371 <div class="col-12 col-lg-7"> 3372 <h2>Liever persoonlijk contact? Kom gerust langs bij ons in de winkel!</h2> 3373 </div> 3374 <div class="col-12 col-lg-5 flex-end"> 3375 3376 3377 <a href="https://www.google.com/maps/dir//Slagerij+Wilbrink+Otterlo,+Harskamperweg+20,+6731+AB+Otterlo/@52.1031577,5.7699382,16z/data=!3m1!5s0x47c7b3d76225f5a7:0xcb225f975167dde!4m16!1m7!3m6!1s0x47c7b3d762423d8f:0x8f66115cbc0c9682!2sSlagerij+Wilbrink+Otterlo!8m2!3d52.1031577!4d5.7725131!16s%2Fg%2F1v44d68q!4m7!1m0!1m5!1m1!1s0x47c7b3d762423d8f:0x8f66115cbc0c9682!2m2!1d5.772463!2d52.1031415?entry=ttu&g_ep=EgoyMDI2MDIxMS4wIKXMDSoASAFQAw%3D%3D" target="_blank" class="button">Route plannen</a> 3378 </div> 3379 </div> 3380 </div> 3381 </section> 3382 3383<footer class="footer" style="background-color: #0a0000;"> 3384 <div class="container__footer"> 3385 <div class="footer__driehoek"></div> 3386 </div> 3387 <div class="container"> 3388 <div class="row"> 3389 <div class="col-12 col-lg-4"> 3390 <a href="https://slagerij-wilbrink.nl" class="footer__logo" style="max-width: 100%; margin-top: 20px;"> 3391 <img style="width: 300px;" src="https://slagerij-wilbrink.nl/wp-content/uploads/2025/11/slagerij-wilbrink-otterlo_logo.svg" alt="Logo van Contact"> 3392 </a> 3393 <ul class="footer__list" style="margin-top: 0;"> 3394 <li class="footer__item" style="margin-bottom: 0px; line-height: 1.8;">Harskamperweg 20</li> 3395 <li class="footer__item" style="margin-bottom: 0px; line-height: 1.8;">6731 AB Otterlo</li> 3396 </ul> 3397 3398 3399 <ul class="footer__list"> 3400 <li class="footer__item" style="margin-bottom: 0px; line-height: 1.8;"><strong><i class="fa-solid fa-phone"></i> </strong> 3401 <a href="tel:0318591209">0318 â 591 209</a> 3402 </li> 3403 3404 3405 <li class="footer__item" style="margin-bottom: 0px;"><strong><i class="fa-solid fa-envelope"></i> </strong> <a href="mailto:[email protected]">[email protected]</a></li> 3406 3407 </ul> 3408 3409 <ul class="footer__list"> 3410 3411 <li class="footer__item" style="margin-bottom: 0px;"><strong><i class="fab fa-facebook-f"></i> </strong> 3412 <a target="_blank" href="https://www.facebook.com/Slagerij-Wilbrink-659104204146317/">Like ons op Facebook</a> 3413 </li> 3414 3415 <li class="footer__item" style="margin-bottom: 0px;"><strong><i class="fab fa-instagram"></i> </strong> 3416 <a target="_blank" href="https://www.instagram.com/slagerijwilbrink/">Volg ons op Instagram</a> 3417 </li> 3418 3419 <li class="footer__item" style="margin-bottom: 0px;"><strong><i class="fab fa-tiktok"></i> </strong> 3420 <a target="_blank" href="https://www.tiktok.com/@slagerijwilbrink/">Like ons op TikTok</a> 3421 </li> 3422 3423 </ul> 3424 </div> 3425 3426 <style> 3427 .footer table td:first-child { 3428 color: #a37251 !important; 3429 } 3430 .footer__lijstje li.footer__item:before { 3431 content: '\f054'; 3432 font-size: 16px; 3433 font-weight: 900; 3434 font-family: "Font Awesome\ 5 Free"; 3435 display: inline-block; 3436 vertical-align: middle; 3437 color: #a37251; 3438 margin-right: 10px; 3439 background-color: transparent !important; 3440 } 3441 </style> 3442 <div class="col-12 col-lg-4 footer__lijstje"> 3443 <h4 class="footer__title">Populaire producten</h4> 3444 <ul class="footer__list "><li class="footer__item footer__item--65"><a href="https://slagerij-wilbrink.nl/product-categorie/vers-vlees/" class="footer__link" data-id="65">Vers vlees</a></li> 3445<li class="footer__item footer__item--21"><a href="https://slagerij-wilbrink.nl/product-categorie/barbecue/" class="footer__link" data-id="21">Barbecue</a></li> 3446<li class="footer__item footer__item--19"><a href="https://slagerij-wilbrink.nl/product-categorie/gourmet-fondue/" class="footer__link" data-id="19">Gourmet & Fondue</a></li> 3447<li class="footer__item footer__item--18"><a href="https://slagerij-wilbrink.nl/product-categorie/catering/" class="footer__link" data-id="18">Catering</a></li> 3448<li class="footer__item footer__item--20"><a href="https://slagerij-wilbrink.nl/product-categorie/rollades/" class="footer__link" data-id="20">Rollades</a></li> 3449<li class="footer__item footer__item--64"><a href="https://slagerij-wilbrink.nl/product-categorie/maaltijden-soepen/" class="footer__link" data-id="64">Maaltijden & Soepen</a></li> 3450</ul> </div> 3451 3452 <div class="col-12 col-lg-4"> 3453 <h4 class="footer__title">Openingstijden</h4> 3454 <style> 3455 .footer table { 3456 width: 100%; 3457 } 3458 .footer table td:first-child { 3459 width: 50px; 3460 font-weight: bold; 3461 } 3462 </style> 3463 <table> 3464 <tr> 3465 <td style="line-height: 1.8;">Maandag</td> 3466 <td style="line-height: 1.8;">08.00 â 12:30 & 13:00 â 17:30 uur</td> 3467 </tr> 3468 <tr> 3469 <td style="line-height: 1.8;">Dinsdag</td> 3470 <td style="line-height: 1.8;">08.00 â 12:30 & 13:00 â 17:30 uur</td> 3471 </tr> 3472 <tr> 3473 <td style="line-height: 1.8;">Woensdag</td> 3474 <td style="line-height: 1.8;">08.00 â 12:30 & 13:00 â 17:30 uur</td> 3475 </tr> 3476 <tr> 3477 <td style="line-height: 1.8;">Donderdag</td> 3478 <td style="line-height: 1.8;">08.00 â 12:30 & 13:00 â 17:30 uur</td> 3479 </tr> 3480 <tr> 3481 <td style="line-height: 1.8;">Vrijdag</td> 3482 <td style="line-height: 1.8;">08.00 â 12:30 & 13:00 â 17:30 uur</td> 3483 </tr> 3484 <tr> 3485 <td style="line-height: 1.8;">Zaterdag</td> 3486 <td style="line-height: 1.8;">07:30 â 15:00 uur</td> 3487 </tr> 3488 <tr> 3489 <td style="line-height: 1.8;">Zondag</td> 3490 <td style="line-height: 1.8;">Gesloten</td> 3491 </tr> 3492 </table> 3493 <hr> 3494 <p style="margin-top: 5px; color: white; font-style: italic;">Tijdens feestdagen kunnen onze openingstijden afwijken.</p> 3495 </div> 3496 3497 </div> 3498 </div> 3499</footer> 3500 3501 3502<style> 3503 .footer { 3504 position: relative; 3505 } 3506 .footer .col-12 { 3507 z-index: 2; 3508 position: relative; 3509 } 3510/* .icon__footer { 3511 width: 600px; 3512 height: 800px; 3513 position: absolute; 3514 left: 10%; 3515 top: 40%; 3516 opacity: 0.1; 3517 transform: translateY(-50%); 3518 background-size: contain; 3519 background-repeat: no-repeat; 3520 background-position: center; 3521 }*/ 3522</style> 3523 3524<footer class="credentials-bar"> 3525 <div class="container"> 3526 <div class="row"> 3527 <div class="col-12"> 3528 <div class="credentials"> 3529 <div class="credentials__col"> 3530 <ul class="credentials__list "><li class="credentials__item credentials__item--3"><a href="https://slagerij-wilbrink.nl/privacy-cookies/" class="credentials__link" data-id="3">Privacy & Cookies</a></li> 3531</ul> </div> 3532 <div class="credentials__col"> 3533 <p>© 2026 - Powered By <a target="_blank" class="author" href="https://www.energizedmedia.nl">Energized Media</a></p> 3534 </div>
3535 </div> 3536 </div> 3537 </div> 3538 </div> 3539</footer> 3540 3541<style> 3542 .button.button--whatsapp { 3543 font-size: 12px; 3544 width: 70px; 3545 height: 70px; 3546 padding: 0; 3547 border-radius: 99em; 3548 right: 30px; 3549 bottom: 30px; 3550 } 3551 .button.button--whatsapp:active:after, .button.button--whatsapp:focus:after, .button.button--whatsapp:hover:after { 3552 transform: translateX(-50%)translateY(-50%); 3553 } 3554 .button.button--whatsapp:after { 3555 width: 100%; 3556 top: 50%; 3557 color: white !important; 3558 line-height: 70px; 3559 height: 100%; 3560 font-size: 30px; 3561 left: 50%; 3562 transform: translateX(-50%)translateY(-50%); 3563 } 3564 3565 @media (max-width: 768px) { 3566 .button.button--whatsapp { 3567 width: 60px; 3568 height: 60px; 3569 right: 20px; 3570 bottom: 20px; 3571 } 3572 .button.button--whatsapp:after { 3573 line-height: 60px; 3574 } 3575 } 3576</style> 3577
3578<script src="https://unpkg.com/flickity@2/dist/flickity.pkgd.min.js"></script>
vendor: 1 bytes, line 3578
3578
3579<script type="speculationrules"> 3580{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/energized/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]} 3581</script>
vendor: 1 bytes, line 3581
3581
3582<script id="lbwps-photoswipe5-js-module" src="https://slagerij-wilbrink.nl/wp-content/plugins/lightbox-photoswipe/assets/ps5/frontend.min.js?ver=5.13.0" type="module"></script>
3582 3583
3583<script type='text/javascript'> 3584 (function () { 3585 var c = document.body.className; 3586 c = c.replace(/woocommerce-no-js/, 'woocommerce-js'); 3587 document.body.className = c; 3588 })(); 3589 </script>
3589 3590
3590<script id="scripts-js" src="https://slagerij-wilbrink.nl/wp-content/themes/energized/assets/js/main.min.js?ver=v1"></script>
vendor: 1 bytes, line 3590
3590
3591<script id="sourcebuster-js-js" src="https://slagerij-wilbrink.nl/wp-content/plugins/woocommerce/assets/js/sourcebuster/sourcebuster.min.js?ver=11.1.0"></script>
vendor: 1 bytes, line 3591
3591
3592<script id="wc-order-attribution-js-extra"> 3593var wc_order_attribution = {"params":{"lifetime":1.0e-5,"session":30,"base64":false,"ajaxurl":"https://slagerij-wilbrink.nl/wp-admin/admin-ajax.php","prefix":"wc_order_attribution_","allowTracking":true},"fields":{"source_type":"current.typ","referrer":"current_add.rf","utm_campaign":"current.cmp","utm_source":"current.src","utm_medium":"current.mdm","utm_content":"current.cnt","utm_id":"current.id","utm_term":"current.trm","utm_source_platform":"current.plt","utm_creative_format":"current.fmt","utm_marketing_tactic":"current.tct","session_entry":"current_add.ep","session_start_time":"current_add.fd","session_pages":"session.pgs","session_count":"udata.vst","user_agent":"udata.uag"}}; 3594//# sourceURL=wc-order-attribution-js-extra 3595</script>
vendor: 1 bytes, line 3595
3595
3596<script id="wc-order-attribution-js" src="https://slagerij-wilbrink.nl/wp-content/plugins/woocommerce/assets/js/frontend/order-attribution.min.js?ver=11.1.0"></script>
vendor: 1 bytes, line 3596
3596
3597<script id="wp-statistics-tracker-js-extra"> 3598var WP_Statistics_Tracker_Object = {"requestUrl":"https://slagerij-wilbrink.nl/wp-json/wp-statistics/v2","ajaxUrl":"https://slagerij-wilbrink.nl/wp-admin/admin-ajax.php","hitParams":{"wp_statistics_hit":1,"source_type":"page","source_id":357,"search_query":"","signature":"c0ab6b82a4110c682e6cba04f3b84d51","endpoint":"hit"},"option":{"dntEnabled":"","bypassAdBlockers":"","consentIntegration":{"name":null,"status":[]},"isPreview":false,"userOnline":false,"isWpConsentApiActive":false},"isLegacyEventLoaded":"","customEventAjaxUrl":"https://slagerij-wilbrink.nl/wp-admin/admin-ajax.php?action=wp_statistics_custom_event&nonce=051b1315f6","onlineParams":{"wp_statistics_hit":1,"source_type":"page","source_id":357,"search_query":"","signature":"c0ab6b82a4110c682e6cba04f3b84d51","action":"wp_statistics_online_check"},"jsCheckTime":"60000"}; 3599//# sourceURL=wp-statistics-tracker-js-extra 3600</script>
vendor: 1 bytes, line 3600
3600
3601<script id="wp-statistics-tracker-js" src="https://slagerij-wilbrink.nl/wp-content/plugins/wp-statistics/assets/js/tracker.js?ver=14.16.13"></script>
vendor: 1 bytes, line 3601
3601
3602<script id="wp-dom-ready-js" src="https://slagerij-wilbrink.nl/wp-includes/js/dist/dom-ready.min.js?ver=3fe927cab37bf38d6a23"></script>
vendor: 1 bytes, line 3602
3602
3603<script id="wp-hooks-js" src="https://slagerij-wilbrink.nl/wp-includes/js/dist/hooks.min.js?ver=f0f188028580e8dc1255"></script>
vendor: 1 bytes, line 3603
3603
3604<script id="wp-i18n-js" src="https://slagerij-wilbrink.nl/wp-includes/js/dist/i18n.min.js?ver=1dfe7db3940c23ea9216"></script>
vendor: 1 bytes, line 3604
3604
3605<script id="wp-i18n-js-after"> 3606wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } ); 3607//# sourceURL=wp-i18n-js-after 3608</script>
vendor: 1 bytes, line 3608
3608
3609<script id="wp-a11y-js-translations"> 3610( function( domain, translations ) { 3611 var localeData = translations.locale_data[ domain ] || translations.locale_data.messages; 3612 localeData[""].domain = domain; 3613 wp.i18n.setLocaleData( localeData, domain ); 3614} )( "default", {"translation-revision-date":"2026-09-18 08:41:07+0000","generator":"GlotPress\/4.1.0","domain":"messages","locale_data":{"messages":{"":{"domain":"messages","plural-forms":"nplurals=2; plural=n != 1;","lang":"nl"},"Notifications":["Meldingen"]}},"comment":{"reference":"wp-includes\/js\/dist\/a11y.js"}} ); 3615//# sourceURL=wp-a11y-js-translations 3616</script>
vendor: 1 bytes, line 3616
3616
3617<script id="wp-a11y-js" src="https://slagerij-wilbrink.nl/wp-includes/js/dist/a11y.min.js?ver=31c6cec5a4ff7aff483d"></script>
vendor: 1 bytes, line 3617
3617
3618<script id="gform_json-js" defer='defer' src="https://slagerij-wilbrink.nl/wp-content/plugins/gravityforms/js/jquery.json.min.js?ver=3.1.1"></script>
vendor: 1 bytes, line 3618
3618
3619<script id="gform_gravityforms-js-extra"> 3620var gform_i18n = {"datepicker":{"wdOffset":1,"helpTextShort":"Press F1 for help","helpText":"Press the arrow keys to navigate by day, PageUp and PageDown to navigate by month, Alt+PageUp and Alt+PageDown to navigate by year, or Escape to cancel.","openOnFocusHelpText":"Press Down arrow to browse the calendar, or Escape to close.","tooltipTxt":"Press Escape to cancel","disabledTxt":"Uitgeschakeld","markedTxt":"Geselecteerd","prevTxt":"Vorige","nextTxt":"Volgende","monthTxt":"Maand","yearTxt":"Jaar","months":["Januari","Februari","Maart","April","May","Juni","Juli","Augustus","September","Oktober","November","December"],"days":[{"s":"S","l":"Zondag"},{"s":"M","l":"Maandag"},{"s":"T","l":"Dinsdag"},{"s":"W","l":"Woensdag"},{"s":"T","l":"Donderdag"},{"s":"F","l":"Vrijdag"},{"s":"S","l":"Zaterdag"}]}}; 3621var gf_legacy_multi = []; 3622var gform_gravityforms = {"strings":{"invalid_file_extension":"Dit bestandstype is niet toegestaan. Moet \u00e9\u00e9n van de volgende zijn:","file_uploaded":"Bestand ge\u00fcpload","delete_file":"Dit bestand verwijderen","in_progress":"in behandeling","file_exceeds_limit":"Bestand overschrijdt limiet bestandsgrootte","illegal_extension":"Dit type bestand is niet toegestaan.","max_reached":"Maximale aantal bestanden bereikt","unknown_error":"Er was een probleem bij het opslaan van het bestand op de server","currently_uploading":"Wacht tot het uploaden is voltooid","cancel":"Annuleren","cancel_upload":"Deze upload annuleren","cancelled":"Geannuleerd","error":"Fout","message":"Bericht"},"vars":{"images_url":"https://slagerij-wilbrink.nl/wp-content/plugins/gravityforms/images"}}; 3623var gf_global = {"gf_currency_config":{"name":"Euro","symbol_left":"","symbol_right":"€","symbol_padding":" ","thousand_separator":".","decimal_separator":",","decimals":2,"code":"EUR"},"base_url":"https://slagerij-wilbrink.nl/wp-content/plugins/gravityforms","number_formats":[],"version_hash":"2685754fe6e27c36de481a09bd65680d","countries":{"AF":"Afghanistan","AX":"Aland-eilanden","AL":"Albani\u00eb","DZ":"Algerije","AS":"Amerikaans S
3623amoa","AD":"Andorra","AO":"Angola","AI":"Anguilla","AQ":"Antarctica","AG":"Antigua en Barbuda","AR":"Argentini\u00eb","AM":"Armeni\u00eb","AW":"Aruba","AU":"Australi\u00eb","AT":"Oostenrijk","AZ":"Azerbeidzjan","BS":"Bahama's","BH":"Bahrein","BD":"Bangladesh","BB":"Barbados","BY":"Wit-Rusland","BE":"Belgi\u00eb","BZ":"Belize","BJ":"Benin","BM":"Bermuda","BT":"Bhutan","BO":"Bolivia","BQ":"Bonaire, Sint Eustatius en Saba","BA":"Bosni\u00eb en Herzegovina","BW":"Botswana","BV":"Bouvet eiland","BR":"Brazili\u00eb","IO":"Brits-Indisch oceaan gebied","BN":"Brunei Darussalam","BG":"Bulgarije","BF":"Burkina Faso","BI":"Burundi","CV":"Kaapverdi\u00eb","KH":"Cambodja","CM":"Kameroen","CA":"Canada","KY":"Kaaimaneilanden","CF":"Centraal-Afrikaanse Republiek","TD":"Tsjaad","CL":"Chili","CN":"China","CX":"Kersteiland","CC":"Cocoseilanden","CO":"Colombia","KM":"Comoren","CD":"Congo, Democratische Republiek","CG":"Congo","CK":"Cook eilanden","CR":"Costa Rica","CI":"Ivoorkust","HR":"Kroati\u00eb","CU":"Cuba","CW":"Cura\u00e7ao","CY":"Cyprus","CZ":"Tsjechi\u00eb","DK":"Denemarken","DJ":"Djibouti","DM":"Dominica","DO":"Dominicaanse Republiek","EC":"Ecuador","EG":"Egypte","SV":"El Salvador","GQ":"Equatoriaal-Guinea","ER":"Eritrea","EE":"Estland","SZ":"Eswatini","ET":"Ethiopi\u00eb","FK":"Falkland eilanden","FO":"Faer\u00f6er","FJ":"Fiji","FI":"Finland","FR":"Frankrijk","GF":"Frans Guyana","PF":"Frans-Polynesi\u00eb","TF":"Franse zuidelijke gebieden","GA":"Gabon","GM":"Gambia","GE":"Georgi\u00eb","DE":"Duitsland","GH":"Ghana","GI":"Gibraltar","GR":"Griekenland","GL":"Groenland","GD":"Grenada","GP":"Guadeloupe","GU":"Guam","GT":"Guatemala","GG":"Guernsey","GN":"Guinee","GW":"Guinee-Bissau","GY":"Guyana","HT":"Ha\u00efti","HM":"Heard Eiland en McDonald Eilanden","VA":"Vaticaanstad","HN":"Honduras","HK":"Hong Kong","HU":"Hongarije","IS":"IJsland","IN":"India","ID":"Indonesi\u00eb","IR":"Iran","IQ":"Irak","IE":"Ierland","IM":"Man","IL":"Isra\u00ebl","IT":"Itali\u00eb","JM":"Jamaica","JP":"Japan","JE":"Jersey","JO":"Jordani\u00eb","KZ":"Kazachstan","KE":"Kenia","KI":"Kiribati","KP":"Korea, Democratische Volksrepubliek","KR":"Korea, Republiek van","KW":"Koeweit","KG":"Kirgizi\u00eb","LA":"Lao Democratische Volksrepubliek","LV":"Letland","LB":"Libanon","LS":"Lesotho","LR":"Liberia","LY":"Libi\u00eb","LI":"Liechtenstein","LT":"Litouwen","LU":"Luxemburg","MO":"Macau","MG":"Madagaskar","MW":"Malawi","MY":"Maleisi\u00eb","MV":"Maldiven","ML":"Mali","MT":"Malta","MH":"Marshalleilanden","MQ":"Martinique","MR":"Mauritani\u00eb","MU":"Mauritius","YT":"Mayotte","MX":"Mexico","FM":"Micronesia","MD":"Moldavi\u00eb","MC":"Monaco","MN":"Mongoli\u00eb","ME":"Montenegro","MS":"Montserrat","MA":"Marokko","MZ":"Mozambique","MM":"Myanmar","NA":"Namibi\u00eb","NR":"Nauru","NP":"Nepal","NL":"Nederland","NC":"Nieuw-Caledoni\u00eb","NZ":"Nieuw-Zeeland","NI":"Nicaragua","NE":"Niger","NG":"Nigeria","NU":"Niue","NF":"Norfolk eiland","MK":"Noord-Macedoni\u00eb","MP":"Noordelijke Marianen","NO":"Noorwegen","OM":"Oman","PK":"Pakistan","PW":"Palau","PS":"Palestina, Staat","PA":"Panama","PG":"Papoea-Nieuw-Guinea","PY":"Paraguay","PE":"Peru","PH":"Filipijnen","PN":"Pitcairn","PL":"Polen","PT":"Portugal","PR":"Puerto Rico","QA":"Qatar","RE":"R\u00e9union","RO":"Roemeni\u00eb","RU":"Russische Federatie","RW":"Rwanda","BL":"Saint Barth\u00e9lemy","SH":"Sint-Helena, Hemelvaart en Tristan da Cunha","KN":"Saint Kitts en Nevis","LC":"Saint Lucia","MF":"Sint Maarten","PM":"Saint Pierre en Miquelon","VC":"Saint Vincent en de Grenadines","WS":"Samoa","SM":"San Marino","ST":"Sao Tom\u00e9 en Principe","SA":"Saoedi-Arabi\u00eb","SN":"Senegal","RS":"Servi\u00eb","SC":"Seychellen","SL":"Sierra Leone","SG":"Singapore","SX":"Sint Maarten","SK":"Slowakije","SI":"Sloveni\u00eb","SB":"Salomonseilanden","SO":"Somali\u00eb","ZA":"Zuid-Afrika","GS":"Ji\u017en\u00ed Georgie a Ji\u017en\u00ed Sandwichovy ostrovy","SS":"Zuid Soedan","ES":"Spanje","LK":"Sri Lanka","SD":"Soedan","SR":"Suriname","SJ":"Spitsbergen en Jan Mayen","SE":"Zweden","CH":"Zwitserland","SY":"Arabische Republiek Syri\u00eb","TW":"Taiwan","TJ":"Tadzjikistan","TZ":"Tanzania, de Verenigde Republiek van","TH":"Thailand","TL":"Timor-Leste","TG":"Togo","TK":"Tokelau","TO":"Tonga","TT":"Trinidad en Tobago","TN":"Tunesi\u00eb","TR":"Turkije","TM":"Turkmenistan","TC":"Turks- en Caicoseilanden","TV":"Tuvalu","UG":"Oeganda","UA":"Oekra\u00efne","AE":"Verenigde Arabische Emiraten","GB":"Verenigd Koninkrijk","US":"Verenigde Staten","UY":"Uruguay","UM":"Kleine eilanden van de Verenigde Staten","UZ":"Oezbekistan","VU":"Vanuatu","VE":"Venezuela","VN":"Vietnam","VG":"Britse Maagdeneilanden","VI":"Amerikaanse Maagdeneilanden","WF":"Wallis en Futuna","EH":"Westelijke Sahara","YE":"Yemen","ZM":"Zambia","ZW":"Zimbabwe"},"strings":{"newRowAdded":"Nieuwe rij toegevoegd.","rowRemoved":"Rij verwijderd","formSaved":"Het formulier is opgeslagen. De inhoud bevat de link om terug te keren en het formulier in te vullen."}}; 3624//# sourceURL=gform_gravityforms-js-extra 3625</script>
vendor: 1 bytes, line 3625
3625
3626<script id="gform_gravityforms-js" defer='defer' src="https://slagerij-wilbrink.nl/wp-content/plugins/gravityforms/js/gravityforms.min.js?ver=3.1.1"></script>
vendor: 1 bytes, line 3626
3626
3627<script id="gform_gravityforms_utils-js" defer='defer' src="https://slagerij-wilbrink.nl/wp-content/plugins/gravityforms/assets/js/dist/utils.min.js?ver=69a9db57304a9f86c3d1a0bea5fd2cf9"></script>
vendor: 1 bytes, line 3627
3627
3628<script id="gform_gravityforms_theme_vendors-js" defer='defer' src="https://slagerij-wilbrink.nl/wp-content/plugins/gravityforms/assets/js/dist/vendor-theme.min.js?ver=0c901cb641ce64b99c20ea1a4d208cc9"></script>
vendor: 1 bytes, line 3628
3628
3629<script id="gform_gravityforms_theme-js-extra"> 3630var gform_theme_config = {"common":{"form":{"honeypot":{"version_hash":"2685754fe6e27c36de481a09bd65680d"},"ajax":{"ajaxurl":"https://slagerij-wilbrink.nl/wp-admin/admin-ajax.php","ajax_submission_nonce":"45b0f6221a","i18n":{"step_announcement":"Stap %1$s van %2$s, %3$s","unknown_error":"Er was een onbekende fout bij het verwerken van je aanvraag. Probeer het opnieuw.","error_403":"De aanvraag is om onbekende veiligheidsredenen geblokkeerd (403-fout). Verwijder alle code-achtige tekst (scripts of databasequery's) en probeer het opnieuw."}}}},"hmr_dev":"","public_path":"https://slagerij-wilbrink.nl/wp-content/plugins/gravityforms/assets/js/dist/","config_nonce":"6cee5b2fe9"}; 3631//# sourceURL=gform_gravityforms_theme-js-extra 3632</script>
vendor: 1 bytes, line 3632
3632
3633<script id="gform_gravityforms_theme-js" defer='defer' src="https://slagerij-wilbrink.nl/wp-content/plugins/gravityforms/assets/js/dist/scripts-theme.min.js?ver=e27d9712159624c99129c8c208f022ad"></script>
vendor: 1 bytes, line 3633
3633
3634<script> 3635gform.initializeOnLoaded( function() { jQuery(document).on('gform_post_render', function(event, formId, currentPage){if(formId == 1) {} } );jQuery(document).on('gform_post_conditional_logic', function(event, formId, fields, isInit){} ) } ); 3636</script>
vendor: 1 bytes, line 3636
3636
3637<script> 3638gform.initializeOnLoaded( function() {jQuery(document).trigger("gform_pre_post_render", [{ formId: "1", currentPage: "1", abort: function() { this.preventDefault(); } }]); if (event && event.defaultPrevented) { return; } const gformWrapperDiv = document.getElementById( "gform_wrapper_1" ); if ( gformWrapperDiv ) { const visibilitySpan = document.createElement( "span" ); visibilitySpan.id = "gform_visibility_test_1"; gformWrapperDiv.insertAdjacentElement( "afterend", visibilitySpan ); } const visibilityTestDiv = document.getElementById( "gform_visibility_test_1" ); let postRenderFired = false; function triggerPostRender() { if ( postRenderFired ) { return; } postRenderFired = true; gform.core.triggerPostRenderEvents( 1, 1 ); if ( visibilityTestDiv ) { visibilityTestDiv.parentNode.removeChild( visibilityTestDiv ); } } function debounce( func, wait, immediate ) { var timeout; return function() { var context = this, args = arguments; var later = function() { timeout = null; if ( !immediate ) func.apply( context, args ); }; var callNow = immediate && !timeout; clearTimeout( timeout ); timeout = setTimeout( later, wait ); if ( callNow ) func.apply( context, args ); }; } const debouncedTriggerPostRender = debounce( function() { triggerPostRender(); }, 200 ); if ( visibilityTestDiv && visibilityTestDiv.offsetParent === null ) { const observer = new MutationObserver( ( mutations ) => { mutations.forEach( ( mutation ) => { if ( mutation.type === 'attributes' && visibilityTestDiv.offsetParent !== null ) { debouncedTriggerPostRender(); observer.disconnect(); } }); }); observer.observe( document.body, { attributes: true, childList: false, subtree: true, attributeFilter: [ 'style', 'class' ], }); } else { triggerPostRender(); } } ); 3639</script>
3639 3640 3641 3642 3643<style> 3644 3645 .cart-toast { 3646 display: none; 3647 padding: 10px 20px; 3648 } 3649 .credentials-bar { 3650 background-color: #222222; 3651 } 3652 .footer__logo { 3653 height: auto; 3654 } 3655 .area__logo { 3656 transition: .3s ease; 3657 } 3658 .footer__title { 3659 color: white; 3660 } 3661 3662 @media (max-width: 768px) { 3663 .topper + .content { 3664 padding-top: 100px; 3665 } 3666 .footer__logo { 3667 width: 300px; 3668 } 3669 } 3670 3671 .footer__title { 3672 margin-top: 30px; 3673 } 3674 hr { 3675 opacity: 0.1; 3676 } 3677 .container-cloud { 3678 position: relative; 3679 } 3680 3681 .container__footer { 3682 max-width: 1220px; 3683 left: 20px; 3684 right: 20px; 3685 margin: 0 auto; 3686 top: 0; 3687 position: absolute; 3688 background-color: grey; 3689 } 3690 3691 .button:focus, 3692 .button:active { 3693 color: white; 3694 } 3695</style> 3696<style> 3697 .button:focus, 3698 .button:active { 3699 color: white; 3700 } 3701</style>
3702<script> 3703jQuery(function ($) { 3704 3705 function reorderShippingMethods() { 3706 const $list = $('#shipping_method'); 3707 if (!$list.length) return; 3708 3709 const $pickup = $list.find('input[value="flat_rate:2"]').closest('li'); 3710 const $delivery = $list.find('input[value="distance_rate:1"]').closest('li'); 3711 3712 if ($pickup.length && $delivery.length) { 3713 $pickup.prependTo($list); 3714 } 3715 } 3716 3717 // Init + bij elke checkout update 3718 reorderShippingMethods(); 3719 $(document.body).on('updated_checkout', reorderShippingMethods); 3720 3721}); 3722 3723 3724 3725jQuery(function ($) { 3726 3727 const METHOD_DELIVERY = 'distance_rate:1'; 3728 const METHOD_PICKUP = 'flat_rate:2'; 3729 3730 function setShippingMethod(methodValue) { 3731 const $method = $('input.shipping_method[value="' + methodValue + '"]'); 3732 if ($method.length) { 3733 $method.prop('checked', true).trigger('change'); 3734 $(document.body).trigger('update_checkout'); 3735 } 3736 } 3737 3738 function syncRadioFromShipping() { 3739 const method = $('input.shipping_method:checked').val() || ''; 3740 3741 if (method === METHOD_PICKUP) { 3742 $('input[name="orderafhandelings_type"][value="Afhalen in de winkel"]').prop('checked', true); 3743 } else { 3744 $('input[name="orderafhandelings_type"][value="Laten bezorgen"]').prop('checked', true); 3745 } 3746 } 3747 3748 // Radio â shipping method 3749 $(document.body).on('change', 'input[name="orderafhandelings_type"]', function () { 3750 const val = $(this).val(); 3751 3752 if (val === 'Afhalen in de winkel') { 3753 setShippingMethod(METHOD_PICKUP); 3754 } 3755 3756 if (val === 'Laten bezorgen') { 3757 setShippingMethod(METHOD_DELIVERY); 3758 } 3759 }); 3760 3761 // Sidebar shipping â radio 3762 $(document.body).on('updated_checkout', function () { 3763 syncRadioFromShipping(); 3764 }); 3765 3766 // Init on load 3767 syncRadioFromShipping(); 3768 3769}); 3770 3771 3772// jQuery(function ($) { 3773 3774// const METHOD_DELIVERY = 'distance_rate:1'; 3775// const METHOD_PICKUP = 'flat_rate:2'; 3776 3777// function setShippingMethod(methodValue) { 3778// const $method = $('input.shipping_method[value="' + methodValue + '"]'); 3779 3780// if ($method.length && !$method.is(':checked')) { 3781// $method.prop('checked', true).trigger('change'); 3782// $(document.body).trigger('update_checkout'); 3783// } 3784// } 3785 3786// function syncRadioFromShipping() { 3787// const $checkedMethod = $('input.shipping_method:checked'); 3788 3789// // Niets doen als WooCommerce nog bezig is met refreshen 3790// if (!$checkedMethod.length) { 3791// return; 3792// } 3793 3794// const method = $checkedMethod.val(); 3795 3796// if (method === METHOD_PICKUP) { 3797// $('input[name="orderafhandelings_type"][value="Afhalen in de winkel"]').prop('checked', true); 3798// } else if (method === METHOD_DELIVERY) { 3799// $('input[name="orderafhandelings_type"][value="Laten bezorgen"]').prop('checked', true); 3800// } 3801// } 3802 3803// // Radio â shipping method 3804// $(document.body).on('change', 'input[name="orderafhandelings_type"]', function () { 3805// const val = $(this).val(); 3806 3807// if (val === 'Afhalen in de winkel') { 3808// setShippingMethod(METHOD_PICKUP); 3809// } else if (val === 'Laten bezorgen') { 3810// setShippingMethod(METHOD_DELIVERY); 3811// } 3812// }); 3813 3814// // Shipping method â radio 3815// $(document.body).on('change', 'input.shipping_method', function () { 3816// syncRadioFromShipping(); 3817// }); 3818 3819// // Na Woo refresh 3820// $(document.body).on('updated_checkout', function () { 3821// syncRadioFromShipping(); 3822// }); 3823 3824// // Init 3825// syncRadioFromShipping(); 3826 3827// }); 3828 3829 3830 3831 3832document.addEventListener('change', function (e) { 3833 if (!e.target.matches('input[name="1597_vergeet_je_dit_niet"]')) return; 3834 3835 switch (e.target.value) { 3836 case 'saladecategorie': 3837 window.open('/product-categorie/salades-smeersels/', '_blank'); 3838 break; 3839 3840 case 'bestekcategorie': 3841 window.open('/product-categorie/barbecue/huurartikelen/', '_blank'); 3842 break; 3843 } 3844}); 3845 3846 3847 3848 3849 3850(function ($) { 3851 'use strict'; 3852 3853 var TOAST_ID = 'cart-toast'; 3854 // var CART_ID = 'header-cart'; 3855 var HIDE_DELAY = 3000; 3856 var BAD_HEADINGS = [ 3857 'gerelateerde producten', 'related products', 3858 'aanbevolen', 'upsells', 'vergelijkbare producten' 3859 ]; 3860 3861function ensureToast() { 3862 var $toast = $('#' + TOAST_ID); 3863 if (!$toast.length) { 3864 $toast = $('<div/>', { 3865 id: TOAST_ID, 3866 class: 'cart-toast', 3867 'aria-live': 'polite', 3868 'aria-atomic': 'true' 3869 }).appendTo('body'); 3870 } 3871 return $toast; 3872} 3873 3874$(document.body).on('wc_fragments_loaded wc_fragments_refreshed', function () { 3875 $('#cart-toast').removeClass('is-show'); 3876}); 3877 3878 function getSingleProductTitle() { 3879 // jouw custom H1 eerst, daarna Woo default 3880 var t = $('.product-single__title').first().text().trim() 3881 || $('.product_title.entry-title').first().text().trim() 3882 || $('.entry-title').first().text().trim(); 3883 return t || ''; 3884 } 3885 3886 function parseNameFromAria($btn) { 3887 var aria = ($btn && $btn.attr('aria-label')) || ''; 3888 var m = aria.match(/["â](.+?)["â]/); 3889 return m ? m[1] : ''; 3890 } 3891 3892 function isBadHeading(txt) { 3893 var t = (txt || '').trim().toLowerCase(); 3894 return BAD_HEADINGS.some(function (h) { return t === h; }); 3895 } 3896 3897 function findTitleNear($btn) { 3898 if (!$btn || !$btn.length) return ''; 3899 // negeer gerelateerde/upsell containers als bron 3900 if ($btn.closest('.related, .upsells').length) { 3901 // voor kaarten in related: zoek juist de kaarttitel 3902 var $card = $btn.closest('.product, li.product, .wc-block-grid__product, .product-card'); 3903 var sel = '.woocommerce-loop-product__title, .wc-block-grid__product-title, .product-title, h2, h3'; 3904 var txt = $card.find(sel).first().text().trim(); 3905 return txt || ''; 3906 } 3907 3908 var $card = $btn.closest('.product, li.product, .wc-block-grid__product, .product-card'); 3909 if ($card.length) { 3910 var selCard = '.woocommerce-loop-product__title, .wc-block-grid__product-title, .product-title, h2, h3'; 3911 var txtCard = $card.find(selCard).first().text().trim(); 3912 if (txtCard && !isBadHeading(txtCard)) return txtCard; 3913 } 3914 3915 // als we hier zijn en we staan op single: pak de paginatitel 3916 if ($('body').hasClass('single-product')) { 3917 var single = getSingleProductTitle(); 3918 if (single) return single; 3919 } 3920 3921 // laatste poging: dichtstbijzijnde heading, mits geen âgerelateerdeâ 3922 var near = $btn.closest('section, div').find('h1,h2,h3').first().text().trim(); 3923 if (near && !isBadHeading(near)) return near; 3924 3925 return ''; 3926 } 3927 3928 function getProductName($btn) { 3929 // 1) data attribuut (beste) 3930 var name = ($btn && $btn.data('product_name')) || ''; 3931 if (name) return name; 3932 3933 // 2) aria-label 3934 name = parseNameFromAria($btn); 3935 if (name) return name; 3936 3937 // 3) nabijheid (kaart) of single titel 3938 name = findTitleNear($btn); 3939 if (name) return name; 3940 3941 // 4) tekst/waarde van de knop 3942 name = ($btn && ($btn.attr('data-product_title') || $btn.val() || $btn.text())).trim(); 3943 if (name && !isBadHeading(name)) return name; 3944 3945 // 5) absolute fallback: single paginatitel 3946 name = getSingleProductTitle(); 3947 return name || 'Onbekend product'; 3948 } 3949 3950 var hideTimer; 3951function showToast(text) { 3952 var t = document.getElementById('cart-toast'); 3953 3954 if (!t) { 3955 t = document.createElement('div'); 3956 t.id = 'cart-toast'; 3957 t.className = 'cart-toast'; 3958 t.setAttribute('aria-live','polite'); 3959 document.body.appendChild(t); 3960 } 3961 3962 t.innerHTML = 'Product toegevoegd: ' + text; 3963 t.classList.add('is-show'); 3964 t.style.opacity = '1'; 3965 3966 // HARD FORCE HIDE â ongeacht wat er gebeurt 3967 setTimeout(function(){
3968 t.classList.remove('is-show'); 3969 t.style.opacity = '0'; 3970 t.style.display = 'none'; 3971 }, 3000); 3972 3973 // Force re-show (display reset) 3974 t.style.display = 'block'; 3975} 3976 3977 // ---------- Annotate single add-to-cart button with data-product_name ---------- 3978 $(function(){ 3979 if ($('body').hasClass('single-product')) { 3980 var singleName = getSingleProductTitle(); 3981 var $btn = $('form.cart button.single_add_to_cart_button').first(); 3982 if ($btn.length && singleName) $btn.attr('data-product_name', singleName); 3983 } 3984 }); 3985 3986 // ---------- AJAX add-to-cart ---------- 3987 // $(document.body).on('added_to_cart', function (e, fragments, cart_hash, $button) { 3988 // var name = getProductName($button || $()); 3989 // showToast(name); 3990 // try { sessionStorage.removeItem('lastAddedName'); } catch (e) {} 3991 // }); 3992 3993$(document.body) 3994 .off('added_to_cart.cartToast') 3995 .on('added_to_cart.cartToast', function (e, fragments, cart_hash, $button) { 3996 showToast(getProductName($button || $())); 3997 }); 3998 3999 // ---------- Non-AJAX (single) ---------- 4000 $(document).on('click', 'form.cart button.single_add_to_cart_button', function () { 4001 var $btn = $(this); 4002 var name = getProductName($btn); 4003 try { sessionStorage.setItem('lastAddedName', name); } catch (e) {} 4004 }); 4005 4006 $(function () { 4007 var stored = null; 4008 try { stored = sessionStorage.getItem('lastAddedName'); } catch (e) {} 4009 if (stored) { 4010 setTimeout(function () { showToast(stored); }, 150); 4011 try { sessionStorage.removeItem('lastAddedName'); } catch (e) {} 4012 } 4013 }); 4014 4015})(jQuery); 4016 4017</script>
vendor: 1 bytes, line 4017
4017
4018<script> 4019document.addEventListener('click', function(e){ 4020 var cart = document.getElementById('header-cart'); 4021 if (!cart) return; 4022 var trigger = cart.querySelector('.header-cart__trigger'); 4023 4024 // Toggle on trigger click 4025 if (trigger && trigger.contains(e.target)) { 4026 e.preventDefault(); 4027 cart.classList.toggle('is-open'); 4028 } else if (!cart.contains(e.target)) { 4029 cart.classList.remove('is-open'); 4030 } 4031}); 4032 4033// CSS hook for click open (mobile) 4034</script>
4034 4035<style> 4036.header-cart.is-open .header-cart__dropdown { opacity: 1; visibility: visible; transform: translateY(0); } 4037</style>
4038<script> 4039document.addEventListener('DOMContentLoaded', function () { 4040 document.querySelectorAll('form.variations_form').forEach(function (form) { 4041 4042 // Helper: (de)sync disabled state van radios o.b.v. select options 4043 function reflectDisabled(select, group) { 4044 var options = Array.from(select.querySelectorAll('option')); 4045 var mapDisabled = {}; 4046 options.forEach(function (opt) { 4047 if (!opt.value) return; // skip placeholder 4048 mapDisabled[opt.value] = opt.disabled || opt.getAttribute('disabled') !== null; 4049 }); 4050 group.querySelectorAll('.attr-option').forEach(function (optEl) { 4051 var val = optEl.getAttribute('data-value'); 4052 if (!val) return; 4053 if (mapDisabled[val]) { 4054 optEl.classList.add('is-disabled'); 4055 var input = optEl.querySelector('input'); 4056 if (input) input.disabled = true; 4057 } else { 4058 optEl.classList.remove('is-disabled'); 4059 var input = optEl.querySelector('input'); 4060 if (input) input.disabled = false; 4061 } 4062 }); 4063 } 4064 4065 // Voor elk variatie-select 4066 form.querySelectorAll('select[name^="attribute_"]').forEach(function (select) { 4067 if (select.dataset.enhanced === '1') return; // niet dubbel doen 4068 select.dataset.enhanced = '1'; 4069 4070 // Wrap & label 4071 var attrName = (select.getAttribute('name') || '').replace(/^attribute_/, ''); 4072 var labelText = ''; 4073 var labelEl = select.closest('tr')?.querySelector('th label, th') || null; 4074 if (labelEl) { labelText = labelEl.textContent.trim(); } 4075 else { labelText = attrName.replace(/(^pa_)/, '').replace(/[-_]/g,' ').replace(/\b\w/g, m=>m.toUpperCase()); } 4076 4077 // Bouw groep 4078 var group = document.createElement('div'); 4079 group.className = 'attr-group'; 4080 4081 var label = document.createElement('div'); 4082 label.className = 'attr-label'; 4083 label.textContent = labelText; 4084 4085 var optionsWrap = document.createElement('div'); 4086 optionsWrap.className = 'attr-options'; 4087 4088// Plaats de (visueel) verborgen select in de groep om Woo intact te houden 4089select.classList.add('attr-select'); 4090var row = select.closest('tr'); 4091var rowTd = select.closest('td') || select.parentElement; 4092rowTd.innerHTML = ''; 4093rowTd.appendChild(group); 4094group.appendChild(label); 4095group.appendChild(select); 4096group.appendChild(optionsWrap); 4097 4098// remove Woo's original <th> label to avoid double title 4099if (row) { 4100 var th = row.querySelector('th.label'); 4101 if (th) th.remove(); 4102} 4103 // Voor elke option in select -> radio + label 4104 var current = select.value; 4105 Array.from(select.options).forEach(function (opt, idx) { 4106 if (!opt.value) return; // placeholder skip 4107 4108 var value = opt.value; 4109 var id = (select.name + '_' + value).replace(/\W+/g, '_'); 4110 4111 var wrap = document.createElement('div'); 4112 wrap.className = 'attr-option'; 4113 wrap.setAttribute('data-value', value); 4114 4115 var radio = document.createElement('input'); 4116 radio.type = 'radio'; 4117 radio.name = select.name + '_radio'; 4118 radio.id = id; 4119 radio.value = value; 4120 4121 var lbl = document.createElement('label'); 4122 lbl.setAttribute('for', id); 4123 lbl.textContent = opt.textContent.trim(); 4124 4125 if (current && current === value) radio.checked = true; 4126 4127 wrap.appendChild(radio); 4128 wrap.appendChild(lbl); 4129 optionsWrap.appendChild(wrap); 4130 4131 // Click -> sync naar select + trigger change 4132 radio.addEventListener('change', function () { 4133 select.value = radio.checked ? value : ''; 4134 select.dispatchEvent(new Event('change', { bubbles: true })); 4135 }); 4136 }); 4137 4138 // Init disabled states gebaseerd op option[disabled] 4139 reflectDisabled(select, group); 4140 4141 // Als Woo select disabled/enabled aanpast bij keuze-combi, spiegel dat 4142 select.addEventListener('change', function(){ 4143 reflectDisabled(select, group); 4144 // Als er geen waarde is (reset), ook radio's resetten 4145 if (!select.value) { 4146 group.querySelectorAll('input[type="radio"]').forEach(function(r){ r.checked = false; }); 4147 } else { 4148 var match = group.querySelector('input[type="radio"][value="'+CSS.escape(select.value)+'"]'); 4149 if (match) match.checked = true; 4150 } 4151 }); 4152 }); 4153
4154 // Support "Clear" link -> reset radios 4155 var reset = form.querySelector('.reset_variations'); 4156 if (reset) { 4157 reset.addEventListener('click', function () { 4158 setTimeout(function(){ 4159 form.querySelectorAll('.attr-group').forEach(function (g) { 4160 g.querySelectorAll('input[type="radio"]').forEach(function (r) { r.checked = false; }); 4161 var sel = g.querySelector('select.attr-select'); 4162 if (sel) reflectDisabled(sel, g); 4163 }); 4164 }, 0); 4165 }); 4166 } 4167 }); 4168}); 4169</script>
4169 4170
4171<script> 4172document.addEventListener('DOMContentLoaded', function () { 4173 document.querySelectorAll('form.cart .quantity').forEach(function (q) { 4174 if (q.querySelector('.qty-wrap')) return; // skip if already wrapped 4175 4176 var input = q.querySelector('input.qty'); 4177 if (!input) return; 4178 4179 // Build wrapper 4180 var wrap = document.createElement('div'); 4181 wrap.className = 'qty-wrap'; 4182 4183 var btnMinus = document.createElement('button'); 4184 btnMinus.type = 'button'; 4185 btnMinus.className = 'qty-btn qty-minus'; 4186 btnMinus.textContent = 'â'; 4187 4188 var btnPlus = document.createElement('button'); 4189 btnPlus.type = 'button'; 4190 btnPlus.className = 'qty-btn qty-plus'; 4191 btnPlus.textContent = '+'; 4192 4193 // Insert wrapper 4194 q.insertBefore(wrap, input); 4195 wrap.appendChild(btnMinus); 4196 wrap.appendChild(input); 4197 wrap.appendChild(btnPlus); 4198 4199 // Behavior 4200 var min = parseFloat(input.min) || 1; 4201 var max = parseFloat(input.max) || Infinity; 4202 var step = parseFloat(input.step) || 1; 4203 4204 function clamp(v){ return Math.max(min, Math.min(max, v)); } 4205 function val(){ return parseFloat(input.value) || min; } 4206 4207 btnMinus.addEventListener('click', function () { 4208 var v = clamp(val() - step); 4209 input.value = v; 4210 input.dispatchEvent(new Event('change', {bubbles:true})); 4211 }); 4212 btnPlus.addEventListener('click', function () { 4213 var v = clamp(val() + step); 4214 input.value = v; 4215 input.dispatchEvent(new Event('change', {bubbles:true})); 4216 }); 4217 }); 4218}); 4219</script>
4219 4220
4221<script> 4222jQuery(document).ready(function($){ 4223 if ($('.variations_form').length) { 4224 $('.variations_form').each(function(){ 4225 $(this).wc_variation_form(); 4226 $(this).find('.variations select').change(); 4227 }); 4228 console.log('WooCommerce variation form manually initialized.'); 4229 } else { 4230 console.log('No variation form found.'); 4231 } 4232}); 4233</script>
vendor: 1 bytes, line 4233
4233
4234<script> 4235(function($){ 4236 4237 var EXTRA_OFFSET = 200; // sticky header 4238 4239 function smoothTo($target){ 4240 if (!$target.length) return; 4241 4242 $('html, body').stop().animate({ 4243 scrollTop: $target.offset().top - EXTRA_OFFSET 4244 }, 500); 4245 } 4246 4247 // pointerup = werkt voor touch + mouse (geen dubbel tap) 4248 $(document).on('pointerup', 'a[href*="#"]:not([href="#"])', function(e){ 4249 4250 // Alleen same-page anchors 4251 if (this.hostname !== location.hostname || 4252 this.pathname.replace(/^\//,'') !== location.pathname.replace(/^\//,'')) { 4253 return; 4254 } 4255 4256 var hash = this.hash; 4257 if (!hash) return; 4258 4259 var $target = $(hash); 4260 if (!$target.length) { 4261 $target = $('[name="'+hash.slice(1)+'"]'); 4262 } 4263 4264 if (!$target.length) return; 4265 4266 e.preventDefault(); 4267 4268 // WooCommerce tabs 4269 if ($target.closest('.woocommerce-tabs, .wc-tabs-wrapper').length){ 4270 var $tabLink = $('.wc-tabs li a[href="'+hash+'"], .tabs li a[href="'+hash+'"]'); 4271 4272 if ($tabLink.length){ 4273 $tabLink.trigger('click'); 4274 4275 setTimeout(function(){ 4276 smoothTo($(hash)); 4277 }, 100); 4278 4279 return; 4280 } 4281 } 4282 4283 // Normale anchor 4284 setTimeout(function(){ 4285 smoothTo($target); 4286 }, 10); 4287 4288 }); 4289 4290})(jQuery); 4291 4292 4293 // $(document).ready(function(){ 4294 4295 // $('.popup__close').on('click', function(event){ 4296 // $('.popup').addClass('removed'); 4297 4298 // $.cookie('popup', 'closed', {expires: .5/24}); 4299 4300 // }); 4301 4302 // if ($.cookie('popup') === 'closed') { 4303 // $('.popup').addClass('removed'); 4304 // } 4305 4306 // }); 4307$(document).ready(function () { 4308 4309 $('.popupje__close').on('click', function (event) { 4310 $('.popupje').addClass('removed'); 4311 // Bewaar de status in localStorage 4312 localStorage.setItem('popupje_status', 'closed'); 4313 }); 4314 4315 // Check bij pageload of popup al gesloten was 4316 if (localStorage.getItem('popupje_status') === 'closed') { 4317 $('.popupje').addClass('removed'); 4318 } 4319 4320}); 4321 4322</script>
4322 4323 4324</body> 4325</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.