{"id":2651,"date":"2026-08-13T09:26:20","date_gmt":"2026-08-13T09:26:20","guid":{"rendered":"https:\/\/qchem.nl\/?page_id=2651"},"modified":"2026-08-13T09:29:58","modified_gmt":"2026-08-13T09:29:58","slug":"snel-bestellen","status":"publish","type":"page","link":"https:\/\/qchem.nl\/index.php\/snel-bestellen\/","title":{"rendered":"Snel bestellen"},"content":{"rendered":"<div class=\"code-block ng-tns-c2065955761-22 ng-animate-disabled ng-trigger ng-trigger-codeBlockRevealAnimation\" data-hveid=\"0\" data-ved=\"0CAAQhtANahcKEwibmtP5o52WAxUAAAAAHQAAAAAQJw\">\n<div class=\"formatted-code-block-internal-container ng-tns-c2065955761-22\">\n<div class=\"animated-opacity ng-tns-c2065955761-22\">\n<pre class=\"ng-tns-c2065955761-22\">    \n    <div class=\"b2b-portal-master-container\">\n        <!-- Nieuwe Hoofdtitel -->\n        <h1 class=\"b2b-main-title\">Snel bestellen<\/h1>\n\n        <!-- Duidelijke Live Zoekbalk (Compacter gemaakt) -->\n        <div class=\"b2b-search-wrapper\">\n            <label for=\"b2b-live-search\" class=\"b2b-search-label\">Snel zoeken in assortiment<\/label>\n            <div class=\"b2b-search-input-group\">\n                <svg class=\"b2b-search-icon\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"11\" cy=\"11\" r=\"8\"><\/circle><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"><\/line><\/svg>\n                <input type=\"text\" id=\"b2b-live-search\" class=\"b2b-search-input\" placeholder=\"Typ een productnaam of SKU code...\">\n            <\/div>\n        <\/div>\n\n        <div class=\"b2b-grid-wrapper\">\n            <div class=\"b2b-grid-container\">\n                <!-- Header Rij -->\n                <div class=\"b2b-grid-row b2b-header-row\">\n                    <div class=\"b2b-col b2b-num\">#<\/div>\n                    <div class=\"b2b-col b2b-img\">Afbeelding<\/div>\n                    <div class=\"b2b-col b2b-title\">Product & SKU<\/div>\n                    <div class=\"b2b-col b2b-price\">Prijs (ex. BTW)<\/div>\n                    <div class=\"b2b-col b2b-qty\">Aantal<\/div>\n                    <div class=\"b2b-col b2b-action\">Actie<\/div>\n                <\/div>\n\n                <!-- Product Rijen -->\n                            <\/div>\n        <\/div>\n    <\/div>\n\n    <style>\n        \/* FULL WIDTH FORCEREN *\/\n        .page-template-default #primary, .page-template-default #content, .page-template-default .site-content, .page-template-default .site-main, body .site-main, body #primary, body .content-area, body .page-content, .ast-container, .container {\n            width: 100% !important; max-width: 100% !important; flex: 0 0 100% !important; float: none !important; padding-left: 0 !important; padding-right: 0 !important; margin-left: 0 !important; margin-right: 0 !important;\n        }\n        \n        .b2b-portal-master-container {\n            width: 100% !important; max-width: 1400px !important; margin: 20px auto !important; display: flex; flex-direction: column; font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif !important; padding: 0 15px; box-sizing: border-box;\n        }\n\n        body aside, body #secondary, body .sidebar, body .widget-area { display: none !important; width: 0 !important; margin: 0 !important; padding: 0 !important; }\n\n        \/* ========================================================\n           TITEL & COMPACT SEARCH BAR\n           ======================================================== *\/\n        .b2b-main-title {\n            font-size: 26px !important;\n            font-weight: 700 !important;\n            color: #0f172a !important;\n            margin: 0 0 15px 0 !important;\n            padding: 0 !important;\n            border: none !important;\n            line-height: 1.2 !important;\n        }\n\n        .b2b-search-wrapper {\n            background: #ffffff !important;\n            padding: 16px 20px !important;\n            border-radius: 8px !important;\n            box-shadow: 0 1px 3px rgba(0,0,0,0.1) !important;\n            border: 1px solid #e2e8f0 !important;\n            margin-bottom: 25px !important;\n            display: flex !important;\n            flex-direction: column !important;\n            gap: 8px !important;\n            height: auto !important;\n            min-height: 0 !important;\n        }\n\n        .b2b-search-label {\n            display: block !important;\n            font-size: 14px !important;\n            font-weight: 600 !important;\n            color: #0f172a !important;\n            margin: 0 !important;\n            padding: 0 !important;\n            line-height: 1 !important;\n        }\n\n        .b2b-search-input-group {\n            position: relative !important;\n            width: 100% !important;\n            display: flex !important;\n            align-items: center !important;\n            margin: 0 !important;\n        }\n\n        .b2b-search-icon {\n            position: absolute !important;\n            left: 14px !important;\n            color: #64748b !important;\n            z-index: 2 !important;\n            pointer-events: none !important;\n        }\n\n        .b2b-search-input {\n            width: 100% !important;\n            height: 42px !important;\n            padding: 0 16px 0 42px !important;\n            border: 1px solid #cbd5e1 !important;\n            border-radius: 6px !important;\n            font-size: 15px !important;\n            color: #0f172a !important;\n            background-color: #f8fafc !important;\n            transition: all 0.2s ease !important;\n            box-sizing: border-box !important;\n            margin: 0 !important;\n            line-height: normal !important;\n        }\n\n        .b2b-search-input:focus {\n            outline: none !important;\n            border-color: #0f172a !important;\n            background-color: #ffffff !important;\n            box-shadow: 0 0 0 3px rgba(15, 23, 42, 0.1) !important;\n        }\n\n        \/* ========================================================\n           GRID SYSTEEM\n           ======================================================== *\/\n        .b2b-grid-wrapper { width: 100%; overflow-x: auto; background: #ffffff !important; border-radius: 8px !important; box-shadow: 0 1px 3px rgba(0,0,0,0.1) !important; }\n        .b2b-grid-container { display: flex; flex-direction: column; min-width: 850px; width: 100% !important; }\n        \/* Aangepast: kolom voor voorraad (110px) is hier weggehaald *\/\n        .b2b-grid-row { display: grid; grid-template-columns: 30px 70px 1fr 100px 140px 110px !important; align-items: center !important; gap: 15px !important; padding: 12px 16px !important; border-bottom: 1px solid #e2e8f0 !important; box-sizing: border-box !important; }\n        .b2b-grid-row:not(.b2b-header-row):hover { background-color: #f8fafc !important; }\n        .b2b-header-row { background-color: #f8fafc !important; border-bottom: 2px solid #e2e8f0 !important; padding: 16px !important; }\n        .b2b-header-row .b2b-col { font-size: 13px !important; font-weight: 600 !important; color: #475569 !important; text-align: left !important; }\n        .b2b-grid-row.b2b-hidden-row { display: none !important; }\n\n        \/* ========================================================\n           KOLOMMEN EN ELEMENTEN STYLING\n           ======================================================== *\/\n        .b2b-col { display: flex; flex-direction: column; justify-content: center; }\n        .b2b-col.b2b-title { align-items: flex-start !important; text-align: left !important; }\n        .b2b-product-link { font-weight: 600 !important; font-size: 15px !important; color: #0f172a !important; text-decoration: none !important; margin-bottom: 4px !important; text-align: left !important; display: block !important; width: 100% !important; }\n        .b2b-sku-text, .b2b-desc-text { font-size: 12px !important; color: #64748b !important; text-align: left !important; display: block !important; width: 100% !important; margin: 0 !important;}\n        .b2b-desc-text { color: #475569 !important; line-height: 1.4 !important; margin-top: 4px !important;}\n\n        .b2b-col.b2b-qty { flex-direction: row !important; align-items: center !important; justify-content: flex-start !important; }\n        .b2b-col.b2b-qty .quantity { display: flex !important; align-items: center !important; margin: 0 !important; background: #fff !important; }\n        .b2b-col.b2b-qty .quantity input.qty { width: 50px !important; height: 38px !important; min-height: 38px !important; padding: 0 5px !important; border: 1px solid #cbd5e1 !important; text-align: center !important; font-size: 14px !important; margin: 0 !important; box-sizing: border-box !important; border-radius: 4px !important; }\n        .b2b-col.b2b-qty .quantity .plus, .b2b-col.b2b-qty .quantity .minus, .b2b-col.b2b-qty .quantity [type=\"button\"] { height: 38px !important; min-height: 38px !important; padding: 0 10px !important; margin: 0 !important; box-sizing: border-box !important; }\n\n        .b2b-col.b2b-action { align-items: center !important; justify-content: flex-end !important; }\n        .b2b-action .b2b-btn-add { display: flex !important; align-items: center !important; justify-content: center !important; gap: 6px !important; background-color: #0f172a !important; color: #ffffff !important; height: 38px !important; max-height: 38px !important; min-height: 38px !important; width: 100px !important; max-width: 100px !important; min-width: 100px !important; padding: 0 !important; border-radius: 6px !important; font-size: 13px !important; font-weight: 500 !important; text-decoration: none !important; border: none !important; line-height: normal !important; white-space: nowrap !important; margin: 0 !important; box-shadow: none !important; overflow: hidden !important; cursor: pointer !important; }\n        .b2b-action .b2b-btn-add svg { min-width: 14px !important; height: 14px !important; margin: 0 !important; }\n        .b2b-action .b2b-btn-add:hover { background-color: #1e293b !important; color: #fff !important; }\n        .b2b-action .b2b-btn-add.added { background-color: #166534 !important; }\n\n        .b2b-num { color: #94a3b8 !important; font-size: 14px !important; }\n        .b2b-img .img-wrap img { max-width: 50px !important; height: auto !important; border-radius: 6px !important; border: 1px solid #e2e8f0 !important; display: block !important; margin: 0 !important; }\n        \n        .b2b-price strong { font-size: 15px !important; color: #0f172a !important; font-weight: 600 !important; }\n    <\/style>\n\n    <script>\n        document.addEventListener('DOMContentLoaded', function() {\n            \/\/ Live Search\n            const searchInput = document.getElementById('b2b-live-search');\n            const productRows = document.querySelectorAll('.b2b-product-item');\n\n            if (searchInput) {\n                searchInput.addEventListener('input', function(e) {\n                    const searchTerm = e.target.value.toLowerCase().trim();\n\n                    productRows.forEach(function(row) {\n                        const titleCol = row.querySelector('.b2b-title');\n                        if (titleCol) {\n                            const textContent = titleCol.textContent.toLowerCase();\n                            if (textContent.includes(searchTerm)) {\n                                row.classList.remove('b2b-hidden-row');\n                            } else {\n                                row.classList.add('b2b-hidden-row');\n                            }\n                        }\n                    });\n                });\n            }\n\n            \/\/ Winkelwagen Hoeveelheid Fix\n            const container = document.querySelector('.b2b-grid-container');\n            if(container) {\n                container.addEventListener('change', function(e) {\n                    if(e.target.classList.contains('qty')) {\n                        const row = e.target.closest('.b2b-grid-row');\n                        const btn = row.querySelector('.b2b-btn-add');\n                        if(btn) {\n                            btn.setAttribute('data-quantity', e.target.value);\n                            let href = btn.getAttribute('href');\n                            href = href.replace(\/&quantity=\\d+\/, '') + '&quantity=' + e.target.value;\n                            btn.setAttribute('href', href);\n                        }\n                    }\n                });\n                \n                container.addEventListener('click', function(e) {\n                    if(e.target.tagName.toLowerCase() === 'button' || e.target.classList.contains('plus') || e.target.classList.contains('minus')) {\n                        setTimeout(() => {\n                            const row = e.target.closest('.b2b-grid-row');\n                            if(row) {\n                                const qtyInput = row.querySelector('.qty');\n                                const btn = row.querySelector('.b2b-btn-add');\n                                if(qtyInput && btn) {\n                                    btn.setAttribute('data-quantity', qtyInput.value);\n                                    let href = btn.getAttribute('href');\n                                    href = href.replace(\/&quantity=\\d+\/, '') + '&quantity=' + qtyInput.value;\n                                    btn.setAttribute('href', href);\n                                }\n                            }\n                        }, 50);\n                    }\n                });\n            }\n        });\n    <\/script>\n    \n    <\/pre>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":5,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-2651","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Snel bestellen - Q-Chem<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/qchem.nl\/index.php\/snel-bestellen\/\" \/>\n<meta property=\"og:locale\" content=\"nl_NL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Snel bestellen - Q-Chem\" \/>\n<meta property=\"og:url\" content=\"https:\/\/qchem.nl\/index.php\/snel-bestellen\/\" \/>\n<meta property=\"og:site_name\" content=\"Q-Chem\" \/>\n<meta property=\"article:modified_time\" content=\"2026-08-13T09:29:58+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/qchem.nl\\\/index.php\\\/snel-bestellen\\\/\",\"url\":\"https:\\\/\\\/qchem.nl\\\/index.php\\\/snel-bestellen\\\/\",\"name\":\"Snel bestellen - Q-Chem\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/qchem.nl\\\/#website\"},\"datePublished\":\"2026-08-13T09:26:20+00:00\",\"dateModified\":\"2026-08-13T09:29:58+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/qchem.nl\\\/index.php\\\/snel-bestellen\\\/#breadcrumb\"},\"inLanguage\":\"nl-NL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/qchem.nl\\\/index.php\\\/snel-bestellen\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/qchem.nl\\\/index.php\\\/snel-bestellen\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/qchem.nl\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Snel bestellen\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/qchem.nl\\\/#website\",\"url\":\"https:\\\/\\\/qchem.nl\\\/\",\"name\":\"Q-Chem\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/qchem.nl\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/qchem.nl\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"nl-NL\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/qchem.nl\\\/#organization\",\"name\":\"Qchem\",\"url\":\"https:\\\/\\\/qchem.nl\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\\\/\\\/qchem.nl\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/i0.wp.com\\\/qchem.nl\\\/wp-content\\\/uploads\\\/2020\\\/01\\\/qchem_logo_2x.png?fit=172%2C200&ssl=1\",\"contentUrl\":\"https:\\\/\\\/i0.wp.com\\\/qchem.nl\\\/wp-content\\\/uploads\\\/2020\\\/01\\\/qchem_logo_2x.png?fit=172%2C200&ssl=1\",\"width\":172,\"height\":200,\"caption\":\"Qchem\"},\"image\":{\"@id\":\"https:\\\/\\\/qchem.nl\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Snel bestellen - Q-Chem","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/qchem.nl\/index.php\/snel-bestellen\/","og_locale":"nl_NL","og_type":"article","og_title":"Snel bestellen - Q-Chem","og_url":"https:\/\/qchem.nl\/index.php\/snel-bestellen\/","og_site_name":"Q-Chem","article_modified_time":"2026-08-13T09:29:58+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/qchem.nl\/index.php\/snel-bestellen\/","url":"https:\/\/qchem.nl\/index.php\/snel-bestellen\/","name":"Snel bestellen - Q-Chem","isPartOf":{"@id":"https:\/\/qchem.nl\/#website"},"datePublished":"2026-08-13T09:26:20+00:00","dateModified":"2026-08-13T09:29:58+00:00","breadcrumb":{"@id":"https:\/\/qchem.nl\/index.php\/snel-bestellen\/#breadcrumb"},"inLanguage":"nl-NL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/qchem.nl\/index.php\/snel-bestellen\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/qchem.nl\/index.php\/snel-bestellen\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/qchem.nl\/"},{"@type":"ListItem","position":2,"name":"Snel bestellen"}]},{"@type":"WebSite","@id":"https:\/\/qchem.nl\/#website","url":"https:\/\/qchem.nl\/","name":"Q-Chem","description":"","publisher":{"@id":"https:\/\/qchem.nl\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/qchem.nl\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"nl-NL"},{"@type":"Organization","@id":"https:\/\/qchem.nl\/#organization","name":"Qchem","url":"https:\/\/qchem.nl\/","logo":{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/qchem.nl\/#\/schema\/logo\/image\/","url":"https:\/\/i0.wp.com\/qchem.nl\/wp-content\/uploads\/2020\/01\/qchem_logo_2x.png?fit=172%2C200&ssl=1","contentUrl":"https:\/\/i0.wp.com\/qchem.nl\/wp-content\/uploads\/2020\/01\/qchem_logo_2x.png?fit=172%2C200&ssl=1","width":172,"height":200,"caption":"Qchem"},"image":{"@id":"https:\/\/qchem.nl\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/qchem.nl\/index.php\/wp-json\/wp\/v2\/pages\/2651","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/qchem.nl\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/qchem.nl\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/qchem.nl\/index.php\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/qchem.nl\/index.php\/wp-json\/wp\/v2\/comments?post=2651"}],"version-history":[{"count":2,"href":"https:\/\/qchem.nl\/index.php\/wp-json\/wp\/v2\/pages\/2651\/revisions"}],"predecessor-version":[{"id":2653,"href":"https:\/\/qchem.nl\/index.php\/wp-json\/wp\/v2\/pages\/2651\/revisions\/2653"}],"wp:attachment":[{"href":"https:\/\/qchem.nl\/index.php\/wp-json\/wp\/v2\/media?parent=2651"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}