{"id":1841,"date":"2026-05-25T05:52:19","date_gmt":"2026-05-25T05:52:19","guid":{"rendered":"https:\/\/wonhimealbox.com\/?page_id=1841"},"modified":"2026-05-25T05:57:01","modified_gmt":"2026-05-25T05:57:01","slug":"food-container-selection-tool","status":"publish","type":"page","link":"https:\/\/wonhimealbox.com\/de\/wholesale-food-containers\/food-container-supplier\/food-container-selection-tool\/","title":{"rendered":"Werkzeug zur Auswahl von Lebensmittelbeh\u00e4ltern"},"content":{"rendered":"\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-b1d09ae\" data-block-id=\"b1d09ae\"><style>.stk-b1d09ae {margin-bottom:0px !important;}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-b1d09ae-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-b8f986b\" data-v=\"4\" data-block-id=\"b8f986b\"><style>.stk-b8f986b-container{margin-top:var(--stk--preset--spacing--50, 1.5rem) !important;margin-right:var(--stk--preset--spacing--50, 1.5rem) !important;margin-bottom:var(--stk--preset--spacing--50, 1.5rem) !important;margin-left:var(--stk--preset--spacing--50, 1.5rem) !important;}<\/style><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-b8f986b-container stk--no-background stk--no-padding\"><div class=\"has-text-align-center stk-block-content stk-inner-blocks stk-b8f986b-inner-blocks\"><div class=\"ct-breadcrumbs\" data-source=\"rankmath\" ><nav aria-label=\"breadcrumbs\" class=\"rank-math-breadcrumb\"><p><span class=\"last\">Home<\/span><\/p><\/nav><\/div><\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<style>\n\/* ==========================================================================\n   SCOPE ISOLATION: All rules prefixed with #wh-container-tool-section\n   ========================================================================== *\/\n\n#wh-container-tool-section {\n    width: 100% !important;\n    max-width: 1600px !important;\n    margin: 0 auto !important;\n    padding: 40px 70px !important;\n    background-color: #FDFDFD !important;\n    font-family: inherit !important; \/* Follows Blocksy global font *\/\n    box-sizing: border-box !important;\n    color: #181818 !important;\n}\n\n#wh-container-tool-section * {\n    box-sizing: border-box !important;\n}\n\n\/* 1. Header Layout - Spreading paragraph left without right blank space *\/\n#wh-container-tool-section .wh-header-row {\n    margin-bottom: 32px !important;\n    border-bottom: 2px solid #181818 !important;\n    padding-bottom: 24px !important;\n    display: flex !important;\n    flex-direction: column !important;\n    gap: 12px !important;\n}\n\n#wh-container-tool-section h2.wh-main-title {\n    font-size: 32px !important;\n    color: #181818 !important;\n    margin: 0 !important;\n    text-transform: capitalize !important;\n    font-weight: 800 !important;\n    letter-spacing: -0.5px !important;\n    line-height: 1.2 !important;\n}\n\n#wh-container-tool-section p.wh-intro {\n    color: #181818 !important;\n    margin: 0 !important;\n    font-size: 16px !important;\n    line-height: 1.6 !important;\n    text-align: justify !important;\n    width: 100% !important;\n}\n\n\/* 2. Grid Layouts - Dense, Professional, No White Space Bloat *\/\n#wh-container-tool-section .wh-q-grid {\n    display: flex !important;\n    flex-direction: column !important;\n    gap: 24px !important;\n}\n\n#wh-container-tool-section .wh-step {\n    background: #FFFFFF !important;\n}\n\n#wh-container-tool-section .wh-step-split {\n    display: grid !important;\n    grid-template-columns: 1fr 1.5fr !important; \/* Asymmetric split for better fit *\/\n    gap: 24px !important;\n}\n\n#wh-container-tool-section h3.wh-step-title {\n    margin: 0 0 16px 0 !important;\n    color: #181818 !important;\n    font-size: 18px !important;\n    font-weight: 700 !important;\n    text-transform: capitalize !important;\n    display: flex !important;\n    align-items: center !important;\n}\n\n#wh-container-tool-section h3.wh-step-title::before {\n    content: \"\" !important;\n    display: inline-block !important;\n    width: 6px !important;\n    height: 18px !important;\n    background-color: #D81818 !important;\n    margin-right: 12px !important;\n}\n\n\/* 3. Options UI - Hardware Accelerated, Precision Feel *\/\n#wh-container-tool-section .wh-opts {\n    display: grid !important;\n    gap: 12px !important;\n}\n\n#wh-container-tool-section .wh-opts-5 { grid-template-columns: repeat(5, 1fr) !important; }\n#wh-container-tool-section .wh-opts-2 { grid-template-columns: repeat(2, 1fr) !important; }\n#wh-container-tool-section .wh-opts-3 { grid-template-columns: repeat(3, 1fr) !important; }\n\n#wh-container-tool-section .wh-opt {\n    border: 1px solid #E0E0E0 !important;\n    background: #F5F5F5 !important;\n    padding: 16px 12px !important;\n    text-align: center !important;\n    cursor: pointer !important;\n    font-weight: 600 !important;\n    color: #181818 !important;\n    border-radius: 2px !important;\n    transition: transform 0.2s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.2s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.2s !important;\n    display: flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n    min-height: 64px !important;\n    position: relative !important;\n    font-size: 15px !important;\n    line-height: 1.3 !important;\n}\n\n\/* Hardware accelerated CSS hover to avoid FlyingPress JS conflict *\/\n#wh-container-tool-section .wh-opt:hover {\n    border-color: #181818 !important;\n    background: #FFFFFF !important;\n    box-shadow: 0 4px 15px rgba(0,0,0,0.06) !important;\n    transform: translateY(-2px) !important;\n    z-index: 2 !important;\n}\n\n#wh-container-tool-section .wh-opt.wh-sel {\n    border-color: #D81818 !important;\n    background: #FFFFFF !important;\n    color: #D81818 !important;\n    box-shadow: 0 4px 15px rgba(216,24,24,0.1) !important;\n}\n\n#wh-container-tool-section .wh-opt.wh-sel::after {\n    content: \"\" !important;\n    position: absolute !important;\n    bottom: 0 !important; \n    left: 0 !important; \n    width: 100% !important; \n    height: 4px !important;\n    background: #D81818 !important;\n}\n\n\/* 4. Action Row *\/\n#wh-container-tool-section .wh-action-row {\n    margin-top: 32px !important;\n    padding-top: 24px !important;\n    border-top: 1px solid #E0E0E0 !important;\n}\n\n#wh-container-tool-section .wh-btn-go {\n    background: #D81818 !important;\n    color: #FFFFFF !important;\n    border: none !important;\n    padding: 18px 40px !important;\n    font-weight: 800 !important;\n    cursor: pointer !important;\n    font-size: 16px !important;\n    text-transform: uppercase !important;\n    letter-spacing: 1px !important;\n    transition: background 0.2s !important;\n}\n\n#wh-container-tool-section .wh-btn-go:hover {\n    background: #181818 !important;\n}\n\n\/* 5. Result Module - High-End Dark UI for strong contrast *\/\n#wh-container-tool-section #wh-result-wrap {\n    margin-top: 32px !important;\n    background: #181818 !important;\n    color: #FFFFFF !important;\n    padding: 40px !important;\n    border-top: 4px solid #D81818 !important;\n    display: none; \/* Controlled via JS *\/\n}\n\n#wh-container-tool-section .wh-match-title {\n    color: #FFFFFF !important;\n    margin: 0 0 8px 0 !important;\n    font-size: 24px !important;\n    text-transform: capitalize !important;\n}\n\n#wh-container-tool-section .wh-match-desc {\n    color: #A0A0A0 !important;\n    margin: 0 0 24px 0 !important;\n    font-size: 15px !important;\n}\n\n#wh-container-tool-section .wh-rec-grid {\n    display: grid !important;\n    grid-template-columns: repeat(4, 1fr) !important;\n    gap: 16px !important;\n    margin-bottom: 24px !important;\n}\n\n#wh-container-tool-section .wh-tile {\n    background: #242424 !important;\n    padding: 20px !important;\n    border-left: 2px solid #D81818 !important;\n}\n\n#wh-container-tool-section .wh-lbl {\n    display: block !important;\n    font-size: 12px !important;\n    color: #A0A0A0 !important;\n    text-transform: uppercase !important;\n    letter-spacing: 0.5px !important;\n}\n\n#wh-container-tool-section .wh-val {\n    display: block !important;\n    font-weight: 700 !important;\n    color: #FFFFFF !important;\n    margin-top: 8px !important;\n    font-size: 18px !important;\n}\n\n#wh-container-tool-section .wh-summary {\n    color: #A0A0A0 !important;\n    font-size: 14px !important;\n    margin: 0 0 24px 0 !important;\n    padding-bottom: 24px !important;\n    border-bottom: 1px solid #333333 !important;\n}\n\n#wh-container-tool-section .wh-summary strong {\n    color: #FFFFFF !important;\n}\n\n#wh-container-tool-section .wh-btn-cta {\n    display: inline-block !important;\n    background: #FFFFFF !important;\n    color: #181818 !important;\n    text-decoration: none !important;\n    padding: 16px 32px !important;\n    font-weight: 800 !important;\n    text-transform: uppercase !important;\n    font-size: 14px !important;\n    letter-spacing: 1px !important;\n    transition: all 0.2s !important;\n}\n\n#wh-container-tool-section .wh-btn-cta:hover {\n    background: #D81818 !important;\n    color: #FFFFFF !important;\n}\n\n\/* Responsive adjustments *\/\n@media(max-width: 1200px) {\n    #wh-container-tool-section .wh-opts-5 { grid-template-columns: repeat(3, 1fr) !important; }\n}\n@media(max-width: 900px) {\n    #wh-container-tool-section { padding: 30px !important; }\n    #wh-container-tool-section .wh-step-split { grid-template-columns: 1fr !important; }\n    #wh-container-tool-section .wh-opts-5,\n    #wh-container-tool-section .wh-opts-3 { grid-template-columns: repeat(2, 1fr) !important; }\n    #wh-container-tool-section .wh-rec-grid { grid-template-columns: repeat(2, 1fr) !important; }\n}\n@media(max-width: 600px) {\n    #wh-container-tool-section { padding: 30px 20px !important; }\n    #wh-container-tool-section .wh-opts-5,\n    #wh-container-tool-section .wh-opts-2,\n    #wh-container-tool-section .wh-opts-3 { grid-template-columns: 1fr !important; }\n    #wh-container-tool-section .wh-rec-grid { grid-template-columns: 1fr !important; }\n}\n<\/style>\n\n<section id=\"wh-container-tool-section\">\n    <div class=\"wh-header-row\">\n        <h2 class=\"wh-main-title\">Food Container Selection Tool<\/h2>\n        <p class=\"wh-intro\">Tell us your application, and we will match you to the right product line, material, and MOQ tier. Three quick questions.<\/p>\n    <\/div>\n\n    <div class=\"wh-q-grid\">\n        <div class=\"wh-step\">\n            <h3 class=\"wh-step-title\">1. What Is The Primary Use Case?<\/h3>\n            <div class=\"wh-opts wh-opts-5\">\n                <div class=\"wh-opt\" onclick=\"wh_sel('use', 'takeaway', this)\">Restaurant Takeaway \/ Delivery<\/div>\n                <div class=\"wh-opt\" onclick=\"wh_sel('use', 'canteen', this)\">Hospital \/ School Canteen<\/div>\n                <div class=\"wh-opt\" onclick=\"wh_sel('use', 'retail', this)\">Supermarket \/ Retail Meal-Prep<\/div>\n                <div class=\"wh-opt\" onclick=\"wh_sel('use', 'sustainable', this)\">Sustainable \/ Compostable Program<\/div>\n                <div class=\"wh-opt\" onclick=\"wh_sel('use', 'catering', this)\">Catering \/ Meal-Prep Service<\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"wh-step-split\">\n            <div class=\"wh-step\">\n                <h3 class=\"wh-step-title\">2. Will The Container Be Reheated By The End Customer?<\/h3>\n                <div class=\"wh-opts wh-opts-2\">\n                    <div class=\"wh-opt\" onclick=\"wh_sel('reheat', 'yes', this)\">Yes \u2014 Microwave \/ Freezer Cycles<\/div>\n                    <div class=\"wh-opt\" onclick=\"wh_sel('reheat', 'no', this)\">No \u2014 Single-Use, Room-Temp \/ Chilled<\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"wh-step\">\n                <h3 class=\"wh-step-title\">3. Customization Scope?<\/h3>\n                <div class=\"wh-opts wh-opts-3\">\n                    <div class=\"wh-opt\" onclick=\"wh_sel('cust', 'stock', this)\">Stocked SKU Only<\/div>\n                    <div class=\"wh-opt\" onclick=\"wh_sel('cust', 'logo', this)\">Logo \/ Print On Existing Mold<\/div>\n                    <div class=\"wh-opt\" onclick=\"wh_sel('cust', 'mold', this)\">New Custom Mold<\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <div class=\"wh-action-row\">\n        <button class=\"wh-btn-go\" onclick=\"wh_calc()\">Get Recommendation<\/button>\n    <\/div>\n\n    <div id=\"wh-result-wrap\">\n        <h3 class=\"wh-match-title\">Your Match: <span id=\"wh-res-line\">&#8211;<\/span><\/h3>\n        <p class=\"wh-match-desc\">Based on your inputs, this Wanhui product line fits your application.<\/p>\n        \n        <div class=\"wh-rec-grid\">\n            <div class=\"wh-tile\">\n                <span class=\"wh-lbl\">Material<\/span>\n                <span class=\"wh-val\" id=\"wh-res-mat\">&#8211;<\/span>\n            <\/div>\n            <div class=\"wh-tile\">\n                <span class=\"wh-lbl\">Typical Capacity<\/span>\n                <span class=\"wh-val\" id=\"wh-res-cap\">&#8211;<\/span>\n            <\/div>\n            <div class=\"wh-tile\">\n                <span class=\"wh-lbl\">MOQ (Your Tier)<\/span>\n                <span class=\"wh-val\" id=\"wh-res-moq\">&#8211;<\/span>\n            <\/div>\n            <div class=\"wh-tile\">\n                <span class=\"wh-lbl\">Lead Time<\/span>\n                <span class=\"wh-val\" id=\"wh-res-lead\">&#8211;<\/span>\n            <\/div>\n        <\/div>\n        \n        <p class=\"wh-summary\">\n            Reheat support: <strong id=\"wh-res-reheat\">&#8211;<\/strong>. \n            Customization: <strong id=\"wh-res-cust\">&#8211;<\/strong>.\n        <\/p>\n        \n        <a class=\"wh-btn-cta\" href=\"#ct-popup-791\">Request A Quote For This Configuration<\/a>\n    <\/div>\n<\/section>\n\n<script>\n\/* ==========================================================================\n   VANILLA JS LOGIC: \n   - No && operators\n   - Global namespace prefix (wh_)\n   - Inline event support\n   ========================================================================== *\/\n\nvar wh_state = { use: '', reheat: '', cust: '' };\n\nfunction wh_sel(q, v, el) {\n    var parent = el.parentNode;\n    var children = parent.children;\n    for (var i = 0; i < children.length; i++) {\n        children[i].className = children[i].className.replace(' wh-sel', '');\n    }\n    el.className = el.className + ' wh-sel';\n    wh_state[q] = v;\n}\n\nfunction wh_calc() {\n    if (!wh_state.use) { alert('Please answer all 3 questions.'); return; }\n    if (!wh_state.reheat) { alert('Please answer all 3 questions.'); return; }\n    if (!wh_state.cust) { alert('Please answer all 3 questions.'); return; }\n\n    var line = 'MFPP Hinged Lid';\n    var mat = 'MFPP \/ PP';\n    var cap = '500-1000 ml';\n    var moqStock = 10000;\n    var moqLogo = 30000;\n    var moqMold = 50000;\n\n    if (wh_state.use === 'canteen') {\n        line = 'High-End Food Container'; \n        mat = 'PP \/ PET'; \n        cap = '250-750 ml'; \n        moqStock = 20000; \n        moqLogo = 50000; \n        moqMold = 100000;\n    } else if (wh_state.use === 'sustainable') {\n        line = 'Biodegradable Container'; \n        mat = 'PLA \/ sugarcane \/ cornstarch'; \n        cap = '500-800 ml'; \n        moqStock = 30000; \n        moqLogo = 50000; \n        moqMold = 100000;\n    } else if (wh_state.use === 'retail') {\n        line = 'Food Container with Film Inside (IML)'; \n        mat = 'PP + IML film'; \n        cap = '400-600 ml'; \n        moqStock = 50000; \n        moqLogo = 50000; \n        moqMold = 100000;\n    } else if (wh_state.use === 'catering' || wh_state.use === 'takeaway') {\n        if (wh_state.reheat === 'yes') {\n            line = 'MFPP Hinged Lid'; \n            mat = 'MFPP \/ PP'; \n            cap = '500-1000 ml'; \n            moqStock = 10000; \n            moqLogo = 30000; \n            moqMold = 50000;\n        } else {\n            line = 'Disposable Plastic Container'; \n            mat = 'PP (virgin food-grade)'; \n            cap = '300-1500 ml'; \n            moqStock = 20000; \n            moqLogo = 50000; \n            moqMold = 100000;\n        }\n    }\n\n    var chosenMoq = moqStock;\n    var leadTime = '20-30 days';\n    \n    if (wh_state.cust === 'logo') { \n        chosenMoq = moqLogo; \n        leadTime = '25-35 days'; \n    }\n    if (wh_state.cust === 'mold') { \n        chosenMoq = moqMold; \n        leadTime = '45-60 days'; \n    }\n\n    document.getElementById('wh-res-line').innerText = line;\n    document.getElementById('wh-res-mat').innerText = mat;\n    document.getElementById('wh-res-cap').innerText = cap;\n    document.getElementById('wh-res-moq').innerText = chosenMoq.toLocaleString() + ' units';\n    document.getElementById('wh-res-lead').innerText = leadTime;\n\n    var reheatText = 'room-temp \/ chilled use';\n    if (wh_state.reheat === 'yes') { \n        reheatText = 'microwave + freezer rated'; \n    }\n\n    var custText = 'stocked SKU';\n    if (wh_state.cust === 'logo') { \n        custText = 'logo \/ print on existing mold'; \n    }\n    if (wh_state.cust === 'mold') { \n        custText = 'new custom mold'; \n    }\n\n    document.getElementById('wh-res-reheat').innerText = reheatText;\n    document.getElementById('wh-res-cust').innerText = custText;\n\n    var resultWrap = document.getElementById('wh-result-wrap');\n    resultWrap.style.display = 'block';\n    resultWrap.scrollIntoView({ behavior: 'smooth', block: 'nearest' });\n}\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Food Container Selection Tool Tell us your application, and we will match you to the right product line, material, and MOQ tier. Three quick questions. 1. What Is The Primary Use Case? Restaurant Takeaway \/ Delivery Hospital \/ School Canteen Supermarket \/ Retail Meal-Prep Sustainable \/ Compostable Program Catering \/ Meal-Prep Service 2. Will The [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":1663,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_gspb_post_css":"","footnotes":""},"class_list":["post-1841","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/wonhimealbox.com\/de\/wp-json\/wp\/v2\/pages\/1841","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wonhimealbox.com\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wonhimealbox.com\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wonhimealbox.com\/de\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/wonhimealbox.com\/de\/wp-json\/wp\/v2\/comments?post=1841"}],"version-history":[{"count":0,"href":"https:\/\/wonhimealbox.com\/de\/wp-json\/wp\/v2\/pages\/1841\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/wonhimealbox.com\/de\/wp-json\/wp\/v2\/pages\/1663"}],"wp:attachment":[{"href":"https:\/\/wonhimealbox.com\/de\/wp-json\/wp\/v2\/media?parent=1841"}],"curies":[{"name":"Wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}