{"id":10287,"date":"2026-09-01T23:44:23","date_gmt":"2026-09-01T23:44:23","guid":{"rendered":"https:\/\/theycraft.com\/?page_id=10287"},"modified":"2026-09-02T02:21:36","modified_gmt":"2026-09-02T02:21:36","slug":"tote-bag-boxed-corner-calculator","status":"publish","type":"page","link":"https:\/\/theycraft.com\/fr\/sewing-free-tools\/tote-bag-boxed-corner-calculator\/","title":{"rendered":"Tote Bag Boxed Corner Calculator"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"10287\" class=\"elementor elementor-10287\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7fed168 e-flex e-con-boxed e-con e-parent\" data-id=\"7fed168\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-67b75d9 elementor-widget elementor-widget-html\" data-id=\"67b75d9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n  .tc-suite-root {\r\n    width: 100%;\r\n    margin: 0 auto 32px auto;\r\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\r\n    color: #1e293b;\r\n    box-sizing: border-box;\r\n    line-height: 1.5;\r\n  }\r\n  .tc-suite-root * { box-sizing: border-box; }\r\n\r\n  .tc-hero-card {\r\n    position: relative;\r\n    width: 100%;\r\n    background: radial-gradient(circle at 85% 15%, #1e293b 0%, #0f172a 70%);\r\n    border: 1px solid rgba(255, 255, 255, 0.08);\r\n    border-radius: 20px;\r\n    padding: 56px 32px;\r\n    text-align: center;\r\n    overflow: hidden;\r\n    margin-bottom: 24px;\r\n    box-shadow: 0 20px 25px -5px rgba(15, 23, 42, 0.25);\r\n  }\r\n  .tc-hero-card::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    background-image: radial-gradient(rgba(255, 255, 255, 0.08) 1px, transparent 1px);\r\n    background-size: 20px 20px;\r\n    pointer-events: none;\r\n    opacity: 0.6;\r\n  }\r\n  .tc-hero-content { position: relative; z-index: 1; max-width: 720px; margin: 0 auto; }\r\n  .tc-badge-pill {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 6px;\r\n    background: rgba(52, 211, 153, 0.1);\r\n    border: 1px solid rgba(52, 211, 153, 0.25);\r\n    color: #34d399;\r\n    font-size: 11px;\r\n    font-weight: 700;\r\n    letter-spacing: 1.4px;\r\n    text-transform: uppercase;\r\n    padding: 6px 14px;\r\n    border-radius: 9999px;\r\n    margin-bottom: 18px;\r\n  }\r\n  .tc-badge-dot { width: 6px; height: 6px; background-color: #34d399; border-radius: 50%; box-shadow: 0 0 8px #34d399; }\r\n  .tc-hero-title {\r\n    color: #ffffff !important;\r\n    font-size: 34px !important;\r\n    font-weight: 800 !important;\r\n    line-height: 1.25 !important;\r\n    letter-spacing: -0.5px;\r\n    margin: 0 auto 16px auto !important;\r\n  }\r\n  .tc-hero-desc { color: #94a3b8; font-size: 16px; line-height: 1.6; max-width: 580px; margin: 0 auto 28px auto; }\r\n  .tc-cta-btn {\r\n    display: inline-block;\r\n    background: #059669;\r\n    color: #ffffff !important;\r\n    text-decoration: none !important;\r\n    font-size: 15px;\r\n    font-weight: 600;\r\n    letter-spacing: 0.3px;\r\n    padding: 14px 36px;\r\n    border-radius: 9999px;\r\n    box-shadow: 0 4px 18px rgba(5, 150, 105, 0.4);\r\n    transition: all 0.2s ease;\r\n  }\r\n  .tc-cta-btn:hover { background: #047857; transform: translateY(-2px); }\r\n\r\n  .tc-tool-inner { max-width: 540px; margin: 0 auto; }\r\n  .tc-card {\r\n    background: #ffffff;\r\n    border: 1px solid #cbd5e1;\r\n    border-radius: 12px;\r\n    padding: 20px;\r\n    margin-bottom: 18px;\r\n    box-shadow: 0 4px 6px -1px rgba(0,0,0,0.04);\r\n  }\r\n  .tc-card h3 {\r\n    margin: 0 0 14px 0;\r\n    font-size: 17px;\r\n    color: #0f172a;\r\n    border-bottom: 2px solid #f1f5f9;\r\n    padding-bottom: 8px;\r\n  }\r\n  .tc-field { margin-bottom: 12px; }\r\n  .tc-field label { display: block; font-size: 13px; font-weight: 600; margin-bottom: 4px; color: #1e293b; }\r\n  .tc-field input {\r\n    width: 100%;\r\n    padding: 10px;\r\n    border: 1px solid #cbd5e1;\r\n    border-radius: 6px;\r\n    font-size: 14px;\r\n    background: #ffffff;\r\n    color: #1e293b;\r\n  }\r\n  .tc-toggle { display: flex; gap: 8px; margin-bottom: 14px; }\r\n  .tc-btn {\r\n    flex: 1;\r\n    padding: 8px;\r\n    font-size: 13px;\r\n    font-weight: 600;\r\n    border: 1px solid #cbd5e1;\r\n    border-radius: 6px;\r\n    background: #f8fafc;\r\n    color: #475569;\r\n    cursor: pointer;\r\n  }\r\n  .tc-btn.active { background: #0f172a !important; color: #ffffff !important; border-color: #0f172a !important; }\r\n  .tc-results {\r\n    margin-top: 14px;\r\n    padding: 14px;\r\n    background: #f8fafc;\r\n    border-radius: 8px;\r\n    border: 1px solid #cbd5e1;\r\n  }\r\n  .tc-row {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    padding: 6px 0;\r\n    border-bottom: 1px dashed #cbd5e1;\r\n    font-size: 13px;\r\n  }\r\n  .tc-row:last-of-type { border-bottom: none; }\r\n  .tc-row strong { color: #059669; }\r\n\r\n  #tcToteSvg {\r\n    width: 100%;\r\n    height: 150px;\r\n    background: #ffffff;\r\n    border: 1px solid #cbd5e1;\r\n    border-radius: 6px;\r\n    margin-top: 12px;\r\n    display: block;\r\n  }\r\n  .tc-h4 { font-size: 14px; font-weight: 700; color: #059669; margin: 14px 0 6px 0; }\r\n  .tc-list { margin: 0 0 10px 0; padding-left: 18px; font-size: 13px; line-height: 1.6; color: #334155; }\r\n  .tc-list li { margin-bottom: 4px; }\r\n  .tc-formula {\r\n    background: #0f172a;\r\n    color: #f8fafc;\r\n    padding: 12px;\r\n    border-radius: 6px;\r\n    font-family: monospace;\r\n    font-size: 12px;\r\n    line-height: 1.6;\r\n    margin: 8px 0;\r\n  }\r\n  .tc-formula span { color: #34d399; }\r\n\r\n  @media (max-width: 600px) {\r\n    .tc-hero-card { padding: 36px 20px; border-radius: 16px; }\r\n    .tc-hero-title { font-size: 24px !important; }\r\n    .tc-hero-desc { font-size: 14px; margin-bottom: 22px; }\r\n    .tc-cta-btn { width: 100%; padding: 13px 20px; }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"tc-suite-root\">\r\n  <div class=\"tc-hero-card\">\r\n    <div class=\"tc-hero-content\">\r\n      <div class=\"tc-badge-pill\">\r\n        <span class=\"tc-badge-dot\"><\/span>\r\n        BAG MAKING TOOL\r\n      <\/div>\r\n      <h1 class=\"tc-hero-title\">Tote Bag Boxed Corner Calculator<\/h1>\r\n      <p class=\"tc-hero-desc\">\r\n        Determine the exact square cutout dimensions needed to create a flat rectangular base with custom depth and volume.\r\n      <\/p>\r\n      <a href=\"#inpFlatW\" class=\"tc-cta-btn\">Calculate Notch Size<\/a>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"tc-tool-inner\">\r\n    <div class=\"tc-card\">\r\n      <div class=\"tc-toggle\">\r\n        <button type=\"button\" class=\"tc-btn active\" id=\"btnToteIn\">Inches<\/button>\r\n        <button type=\"button\" class=\"tc-btn\" id=\"btnToteCm\">Centimeters<\/button>\r\n      <\/div>\r\n\r\n      <div class=\"tc-field\">\r\n        <label for=\"inpFlatW\" id=\"lblFlatW\">Flat Fabric Panel Width (inches)<\/label>\r\n        <input type=\"number\" id=\"inpFlatW\" value=\"16\" min=\"6\" step=\"0.5\" \/>\r\n      <\/div>\r\n\r\n      <div class=\"tc-field\">\r\n        <label for=\"inpFlatH\" id=\"lblFlatH\">Flat Fabric Panel Height (inches)<\/label>\r\n        <input type=\"number\" id=\"inpFlatH\" value=\"15\" min=\"6\" step=\"0.5\" \/>\r\n      <\/div>\r\n\r\n      <div class=\"tc-field\">\r\n        <label for=\"inpDepth\" id=\"lblDepth\">Desired Base Depth \/ Gusset (inches)<\/label>\r\n        <input type=\"number\" id=\"inpDepth\" value=\"4\" min=\"1\" step=\"0.5\" \/>\r\n      <\/div>\r\n\r\n      <div class=\"tc-results\">\r\n        <div class=\"tc-row\">\r\n          <span>Cut Corner Square Notch:<\/span>\r\n          <span><strong id=\"outCutNotch\">2.0 \u00d7 2.0<\/strong> <span class=\"unitTote\">in<\/span><\/span>\r\n        <\/div>\r\n        <div class=\"tc-row\">\r\n          <span>Finished Base Width:<\/span>\r\n          <span><strong id=\"outBaseW\">12.0<\/strong> <span class=\"unitTote\">in<\/span><\/span>\r\n        <\/div>\r\n        <div class=\"tc-row\">\r\n          <span>Finished Bag Height:<\/span>\r\n          <span><strong id=\"outBagH\">13.0<\/strong> <span class=\"unitTote\">in<\/span><\/span>\r\n        <\/div>\r\n\r\n        <svg id=\"tcToteSvg\" viewbox=\"0 0 320 140\">\r\n          <path d=\"M 50 20 L 270 20 L 270 95 L 240 95 L 240 120 L 80 120 L 80 95 L 50 95 Z\" fill=\"#ecfdf5\" stroke=\"#059669\" stroke-width=\"2\"\/>\r\n          <rect x=\"50\" y=\"95\" width=\"30\" height=\"25\" fill=\"none\" stroke=\"#ef4444\" stroke-dasharray=\"2 2\"\/>\r\n          <rect x=\"240\" y=\"95\" width=\"30\" height=\"25\" fill=\"none\" stroke=\"#ef4444\" stroke-dasharray=\"2 2\"\/>\r\n          <text x=\"160\" y=\"60\" font-size=\"12\" fill=\"#065f46\" font-weight=\"600\" text-anchor=\"middle\">Main Bag Panel<\/text>\r\n          <text x=\"65\" y=\"112\" font-size=\"10\" fill=\"#ef4444\" font-weight=\"600\" text-anchor=\"middle\">Cutout<\/text>\r\n          <text x=\"255\" y=\"112\" font-size=\"10\" fill=\"#ef4444\" font-weight=\"600\" text-anchor=\"middle\">Cutout<\/text>\r\n        <\/svg>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"tc-card\">\r\n      <h3>Boxed Corner Field Manual<\/h3>\r\n      <div class=\"tc-h4\">Cutting Instructions<\/div>\r\n      <ul class=\"tc-list\">\r\n        <li><strong>Corner Cutout Rule:<\/strong> Cut a square from both lower corners equal to <strong>half the desired depth<\/strong> ($Depth \\div 2$) measured from the seam line.<\/li>\r\n        <li><strong>Seam Allowance Factor:<\/strong> If measuring from the raw fabric edge, add your standard seam allowance (e.g., 1\/2\") to the square cut.<\/li>\r\n      <\/ul>\r\n      <div class=\"tc-h4\">The Math Formula<\/div>\r\n      <div class=\"tc-formula\">\r\n        \u2022 Corner Notch Square = <span>Base Depth \u00f7 2<\/span><br>\r\n        \u2022 Finished Base Width = <span>Flat Width - Base Depth<\/span><br>\r\n        \u2022 Finished Height = <span>Flat Height - (Base Depth \u00f7 2)<\/span>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function() {\r\n  var unit = 'in';\r\n\r\n  function initTote() {\r\n    var bIn = document.getElementById('btnToteIn');\r\n    var bCm = document.getElementById('btnToteCm');\r\n    var inpW = document.getElementById('inpFlatW');\r\n    var inpH = document.getElementById('inpFlatH');\r\n    var inpD = document.getElementById('inpDepth');\r\n\r\n    var lblW = document.getElementById('lblFlatW');\r\n    var lblH = document.getElementById('lblFlatH');\r\n    var lblD = document.getElementById('lblDepth');\r\n\r\n    var outNotch = document.getElementById('outCutNotch');\r\n    var outBW = document.getElementById('outBaseW');\r\n    var outBH = document.getElementById('outBagH');\r\n    var unitSpans = document.querySelectorAll('.unitTote');\r\n\r\n    if (!bIn || !bCm || !inpW || !inpH || !inpD) return;\r\n\r\n    function runMath() {\r\n      var w = parseFloat(inpW.value);\r\n      var h = parseFloat(inpH.value);\r\n      var d = parseFloat(inpDepth.value);\r\n\r\n      if (isNaN(w) || w <= 0) w = (unit === 'cm') ? 40 : 16;\r\n      if (isNaN(h) || h <= 0) h = (unit === 'cm') ? 38 : 15;\r\n      if (isNaN(d) || d <= 0) d = (unit === 'cm') ? 10 : 4;\r\n\r\n      var notch = d \/ 2;\r\n      var baseWidth = w - d;\r\n      var bagHeight = h - notch;\r\n\r\n      outNotch.textContent = notch.toFixed(1) + ' \u00d7 ' + notch.toFixed(1);\r\n      outBW.textContent = Math.max(0, baseWidth).toFixed(1);\r\n      outBH.textContent = Math.max(0, bagHeight).toFixed(1);\r\n    }\r\n\r\n    function switchU(t) {\r\n      if (unit === t) return;\r\n      unit = t;\r\n      var w = parseFloat(inpW.value);\r\n      var h = parseFloat(inpH.value);\r\n      var d = parseFloat(inpD.value);\r\n\r\n      if (unit === 'cm') {\r\n        bCm.className = 'tc-btn active';\r\n        bIn.className = 'tc-btn';\r\n        lblW.textContent = 'Flat Fabric Panel Width (cm)';\r\n        lblH.textContent = 'Flat Fabric Panel Height (cm)';\r\n        lblD.textContent = 'Desired Base Depth \/ Gusset (cm)';\r\n        unitSpans.forEach(function(el) { el.textContent = 'cm'; });\r\n\r\n        if (!isNaN(w)) inpW.value = (w * 2.54).toFixed(1);\r\n        if (!isNaN(h)) inpH.value = (h * 2.54).toFixed(1);\r\n        if (!isNaN(d)) inpD.value = (d * 2.54).toFixed(1);\r\n      } else {\r\n        bIn.className = 'tc-btn active';\r\n        bCm.className = 'tc-btn';\r\n        lblW.textContent = 'Flat Fabric Panel Width (inches)';\r\n        lblH.textContent = 'Flat Fabric Panel Height (inches)';\r\n        lblD.textContent = 'Desired Base Depth \/ Gusset (inches)';\r\n        unitSpans.forEach(function(el) { el.textContent = 'in'; });\r\n\r\n        if (!isNaN(w)) inpW.value = (w \/ 2.54).toFixed(1);\r\n        if (!isNaN(h)) inpH.value = (h \/ 2.54).toFixed(1);\r\n        if (!isNaN(d)) inpD.value = (d \/ 2.54).toFixed(1);\r\n      }\r\n      runMath();\r\n    }\r\n\r\n    bIn.addEventListener('click', function() { switchU('in'); });\r\n    bCm.addEventListener('click', function() { switchU('cm'); });\r\n    inpW.addEventListener('input', runMath);\r\n    inpH.addEventListener('input', runMath);\r\n    inpD.addEventListener('input', runMath);\r\n\r\n    runMath();\r\n  }\r\n\r\n  if (document.readyState === 'loading') {\r\n    document.addEventListener('DOMContentLoaded', initTote);\r\n  } else {\r\n    initTote();\r\n  }\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>BAG MAKING TOOL Tote Bag Boxed Corner Calculator Determine the exact square cutout dimensions needed to create a flat rectangular base with custom depth and volume. Calculate Notch Size Inches Centimeters Flat Fabric Panel Width (inches) Flat Fabric Panel Height (inches) Desired Base Depth \/ Gusset (inches) Cut Corner Square Notch: 2.0 \u00d7 2.0 in [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":10364,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"advanced_seo_description":"","jetpack_seo_html_title":"","jetpack_seo_noindex":false,"jetpack_seo_schema_type":"","footnotes":""},"class_list":["post-10287","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/theycraft.com\/fr\/wp-json\/wp\/v2\/pages\/10287","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/theycraft.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/theycraft.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/theycraft.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/theycraft.com\/fr\/wp-json\/wp\/v2\/comments?post=10287"}],"version-history":[{"count":7,"href":"https:\/\/theycraft.com\/fr\/wp-json\/wp\/v2\/pages\/10287\/revisions"}],"predecessor-version":[{"id":10294,"href":"https:\/\/theycraft.com\/fr\/wp-json\/wp\/v2\/pages\/10287\/revisions\/10294"}],"up":[{"embeddable":true,"href":"https:\/\/theycraft.com\/fr\/wp-json\/wp\/v2\/pages\/10364"}],"wp:attachment":[{"href":"https:\/\/theycraft.com\/fr\/wp-json\/wp\/v2\/media?parent=10287"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}