{"id":59,"date":"2026-05-28T03:32:50","date_gmt":"2026-05-28T03:32:50","guid":{"rendered":"https:\/\/www.mycustommug.co.uk\/custom\/?page_id=59"},"modified":"2026-06-05T17:47:28","modified_gmt":"2026-06-05T17:47:28","slug":"custom-mug-postage","status":"publish","type":"page","link":"https:\/\/www.mycustommug.co.uk\/custom\/custom-mug-postage\/","title":{"rendered":"Custom Mug Postage"},"content":{"rendered":"\n<p>Lorem Ipsum has been the industry&#8217;s standard dummy text ever since the 1500s.<\/p>\n\n\n\n<div class=\"mug-placement-widget\">\n    <!-- HIDDEN PAYPAL FORM -->\n    <form id=\"paypal-secure-form\" action=\"https:\/\/www.paypal.com\/cgi-bin\/webscr\" method=\"post\" style=\"display:none;\">\n        <input type=\"hidden\" name=\"cmd\" value=\"_xclick\">\n        <input type=\"hidden\" name=\"business\" value=\"&#x77;&#x61;&#x79;&#x6e;&#101;&#114;ich&#x33;&#x37;&#x40;&#x79;&#97;&#104;oo&#46;&#x63;&#x6f;&#x6d;\"> <!-- Your PayPal Email -->\n        <input type=\"hidden\" name=\"item_name\" value=\"Custom 11oz Ceramic Mug - Postage Order\">\n        <input type=\"hidden\" name=\"amount\" id=\"paypal-amount\" value=\"10.00\">\n        <input type=\"hidden\" name=\"currency_code\" value=\"GBP\">\n        <input type=\"hidden\" name=\"on0\" value=\"Design Details\">\n        <input type=\"hidden\" name=\"os0\" id=\"paypal-os0\" value=\"\">\n        <input type=\"hidden\" name=\"no_shipping\" value=\"2\"> <!-- Asks for shipping address on PayPal to be safe -->\n    <\/form>\n\n    <div class=\"mug-visual-display\">\n        <div class=\"mug-render-box\">\n            <canvas id=\"mugCanvas\" width=\"300\" height=\"300\"><\/canvas>\n            <div id=\"preview-text-primary\" class=\"mug-text-layer font-modern color-black\">Front Text Here<\/div>\n            <div id=\"preview-text-secondary\" class=\"mug-text-layer font-modern color-black\" style=\"display: none;\">Back Text Here<\/div>\n        <\/div>\n    <\/div>\n\n    <div class=\"mug-control-panel\">\n        <h2>Customise Your 11oz Mug<\/h2>\n        <p class=\"widget-subtitle\">Configure your design and enter your delivery details below.<\/p>\n\n        <div class=\"product-specs-box\">\n            <h3>Premium Product Details:<\/h3>\n            <ul>\n                <li><strong>Mug Quality:<\/strong> Classic white 11oz ceramic mug with a comfortable large handle.<\/li>\n                <li><strong>Durability:<\/strong> Fully dishwasher safe with a high-durability permanent print.<\/li>\n                <li><strong>Gifting &#038; Packaging:<\/strong> Comes safely packed in its own protective cardboard box.<\/li>\n            <\/ul>\n        <\/div>\n\n        <div class=\"option-group\">\n            <label>1. Select Print Placement:<\/label>\n            <div class=\"placement-grid\">\n                <label class=\"place-card\"><input type=\"radio\" name=\"placement_choice\" value=\"Front\" checked=\"\" onchange=\"handlePlacementChange()\"><span>Front View<\/span><\/label>\n                <label class=\"place-card\"><input type=\"radio\" name=\"placement_choice\" value=\"Middle\" onchange=\"handlePlacementChange()\"><span>Middle View<\/span><\/label>\n                <label class=\"place-card\"><input type=\"radio\" name=\"placement_choice\" value=\"Rear\" onchange=\"handlePlacementChange()\"><span>Rear View<\/span><\/label>\n                <label class=\"place-card special-card\"><input type=\"radio\" name=\"placement_choice\" value=\"Both\" onchange=\"handlePlacementChange()\"><span>Both Sides (+\u00a31)<\/span><\/label>\n            <\/div>\n        <\/div>\n\n        <div class=\"option-group\" id=\"primary-text-wrapper\">\n            <label id=\"primary-input-label\" for=\"text-main\">2. Enter Custom Wording:<\/label>\n            <input type=\"text\" id=\"text-main\" placeholder=\"Type message here...\" maxlength=\"30\" oninput=\"renderLiveMug()\">\n        <\/div>\n\n        <div class=\"option-group\" id=\"secondary-text-wrapper\" style=\"display: none;\">\n            <label for=\"text-alt\">3. Enter Back Side Wording:<\/label>\n            <input type=\"text\" id=\"text-alt\" placeholder=\"Type back message here...\" maxlength=\"30\" oninput=\"renderLiveMug()\">\n        <\/div>\n\n        <div class=\"option-group\">\n            <label for=\"font-style-picker\">Choose PowerPoint Font:<\/label>\n            <select id=\"font-style-picker\" onchange=\"renderLiveMug()\">\n                <optgroup label=\"Standard Fonts\">\n                    <option value=\"calibri\">Calibri (Clean Body)<\/option>\n                    <option value=\"arialblack\">Arial Black (Impact Bold)<\/option>\n                    <option value=\"georgia\">Georgia (Elegant Serif)<\/option>\n                <\/optgroup>\n                <optgroup label=\"Popular Script &amp; Cursive Fonts\">\n                    <option value=\"brushscript\" selected=\"\">Brush Script MT (Bold Cursive)<\/option>\n                    <option value=\"lucida\">Lucida Handwriting (Casual Script)<\/option>\n                    <option value=\"edwardian\">Edwardian Script (Fancy Calligraphy)<\/option>\n                    <option value=\"corsiva\">Monotype Corsiva (Elegant Script)<\/option>\n                <\/optgroup>\n            <\/select>\n        <\/div>\n\n        <div class=\"option-group\">\n            <label>Select Colour:<\/label>\n            <div class=\"swatch-row\">\n                <label class=\"swatch\" style=\"background:#111111;\" title=\"Black\"><input type=\"radio\" name=\"color_picker\" value=\"Black\" checked=\"\" onchange=\"renderLiveMug()\"><\/label>\n                <label class=\"swatch\" style=\"background:#003366;\" title=\"Navy\"><input type=\"radio\" name=\"color_picker\" value=\"Navy\" onchange=\"renderLiveMug()\"><\/label>\n                <label class=\"swatch\" style=\"background:#cc0000;\" title=\"Red\"><input type=\"radio\" name=\"color_picker\" value=\"Red\" onchange=\"renderLiveMug()\"><\/label>\n                <label class=\"swatch\" style=\"background:#006633;\" title=\"Green\"><input type=\"radio\" name=\"color_picker\" value=\"Green\" onchange=\"renderLiveMug()\"><\/label>\n                <label class=\"swatch\" style=\"background:#ffc0cb;\" title=\"Soft Pink\"><input type=\"radio\" name=\"color_picker\" value=\"Soft Pink\" onchange=\"renderLiveMug()\"><\/label>\n                <label class=\"swatch\" style=\"background:#ff007f;\" title=\"Magenta\"><input type=\"radio\" name=\"color_picker\" value=\"Magenta\" onchange=\"renderLiveMug()\"><\/label>\n                <label class=\"swatch\" style=\"background:#6a0dad;\" title=\"Purple\"><input type=\"radio\" name=\"color_picker\" value=\"Purple\" onchange=\"renderLiveMug()\"><\/label>\n                <label class=\"swatch\" style=\"background:#87ceeb;\" title=\"Sky Blue\"><input type=\"radio\" name=\"color_picker\" value=\"Sky Blue\" onchange=\"renderLiveMug()\"><\/label>\n            <\/div>\n        <\/div>\n\n        <div class=\"option-group\" style=\"background: #f8fafc; padding: 14px; border-radius: 8px; border: 1px dashed #cbd5e1; margin-bottom: 12px;\">\n            <label style=\"color: #0f172a; font-size: 14px; margin-bottom: 2px;\">Delivery: Direct Postage<\/label>\n            <p style=\"font-size: 11.5px; color: #64748b; margin: 0 0 10px 0; line-height: 1.3;\">Fill in shipping details for delivery.<\/p>\n            \n            <div style=\"display: flex; flex-direction: column; gap: 10px;\">\n                <div>\n                    <label for=\"shipping-name\" style=\"font-size: 12px; color: #475569; margin-bottom: 4px;\">Full Name:<\/label>\n                    <input type=\"text\" id=\"shipping-name\" placeholder=\"John Doe\" required style=\"padding: 8px;\">\n                <\/div>\n                <div>\n                    <label for=\"shipping-address\" style=\"font-size: 12px; color: #475569; margin-bottom: 4px;\">Address (First Line):<\/label>\n                    <input type=\"text\" id=\"shipping-address\" placeholder=\"123 Main Street\" required style=\"padding: 8px;\">\n                <\/div>\n                <div>\n                    <label for=\"shipping-postcode\" style=\"font-size: 12px; color: #475569; margin-bottom: 4px;\">Postcode:<\/label>\n                    <input type=\"text\" id=\"shipping-postcode\" placeholder=\"AB12 3CD\" required style=\"padding: 8px;\">\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"policy-notice-box\">\n            <details>\n                <summary>Friendly Return Policy &amp; Delivery Terms<\/summary>\n                <div class=\"policy-content\">\n                    <p>Standard cancellation rights do not apply to customized items. Of course, damaged items will be replaced immediately!<\/p>\n                <\/div>\n            <\/details>\n        <\/div>\n\n        <div class=\"checkout-footer-container\" style=\"background: #f1f5f9; border: 2px solid #e2e8f0; padding: 15px; border-radius: 10px; margin-top: 20px;\">\n            <div style=\"display: flex; gap: 10px; align-items: flex-end; margin-bottom: 8px;\">\n                <div style=\"flex: 1;\">\n                    <label for=\"promo-code-input\" style=\"font-size: 12px; font-weight: 600; color: #475569; margin-bottom: 4px; display: block;\">Promo Code:<\/label>\n                    <input type=\"text\" id=\"promo-code-input\" placeholder=\"Enter code...\" oninput=\"applyDiscountLogic()\" style=\"width: 100%; padding: 10px; border: 2px solid #cbd5e1; border-radius: 6px; box-sizing: border-box;\">\n                <\/div>\n                <button type=\"button\" class=\"checkout-submit-action\" onclick=\"submitMugCheckoutData()\" style=\"margin: 0; padding: 10px 20px; flex-shrink: 0; font-size: 14px;\">\n                    Pay &amp; Order (\u00a3<span id=\"price-tag\">10.00<\/span>)\n                <\/button>\n            <\/div>\n            <span id=\"promo-status-msg\" style=\"display: block; font-size: 12px; font-weight: 600; min-height: 15px;\"><\/span>\n        <\/div>\n    <\/div>\n<\/div>\n\n<style>\n    \/* Styles are kept exactly as yours for consistency *\/\n    .mug-placement-widget { display: flex; flex-wrap: wrap; max-width: 820px; margin: 20px auto; background: #ffffff; border-radius: 14px; box-shadow: 0 4px 25px rgba(0,0,0,0.06); font-family: -apple-system, BlinkMacSystemFont, sans-serif; overflow: hidden; }\n    .mug-visual-display { flex: 1; min-width: 320px; background: #ffffff; display: flex; align-items: center; justify-content: center; padding: 40px 20px; }\n    .mug-render-box { position: relative; width: 300px; height: 300px; }\n    #mugCanvas { width: 100%; height: 100%; display: block; }\n    .mug-text-layer { position: absolute; width: 110px; text-align: center; font-size: 16px; line-height: 1.3; word-wrap: break-word; pointer-events: none; top: 51%; left: 50%; transform: translate(-50%, -50%); transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1); }\n    .product-specs-box { background: #f1f5f9; padding: 12px 14px; border-radius: 8px; margin-bottom: 22px; border-left: 4px solid #64748b; }\n    .product-specs-box h3 { margin: 0 0 6px 0; font-size: 13px; color: #334155; text-transform: uppercase; letter-spacing: 0.5px; }\n    .product-specs-box ul { margin: 0; padding-left: 16px; }\n    .product-specs-box li { font-size: 12px; color: #475569; line-height: 1.45; margin-bottom: 5px; }\n    .policy-notice-box { background: #fffbeb; border: 1px solid #fef3c7; border-radius: 6px; padding: 2px 4px; }\n    .policy-notice-box details summary { font-size: 12.5px; color: #b45309; font-weight: 600; padding: 6px; cursor: pointer; outline: none; }\n    .policy-content { padding: 4px 6px 6px 6px; font-size: 11.5px; color: #78350f; border-top: 1px dashed #fde68a; line-height: 1.4; }\n    .f-calibri { font-family: 'Calibri', 'Candara', sans-serif; font-weight: bold; }\n    .f-arialblack { font-family: 'Arial Black', 'Impact', sans-serif; font-weight: 900; }\n    .f-georgia { font-family: 'Georgia', serif; font-weight: bold; }\n    .f-brushscript { font-family: 'Brush Script MT', 'Brush Script SDK', cursive; font-size: 21px; }\n    .f-lucida { font-family: 'Lucida Handwriting', cursive; font-size: 14px; font-weight: bold; }\n    .f-edwardian { font-family: 'Edwardian Script ITC', serif; font-size: 28px; font-weight: normal; }\n    .f-corsiva { font-family: 'Monotype Corsiva', serif; font-size: 19px; font-style: italic; font-weight: bold; }\n    .c-Black { color: #111111; }\n    .c-Navy { color: #003366; }\n    .c-Red { color: #cc0000; }\n    .c-Green { color: #006633; }\n    .c-Soft-Pink { color: #ffc0cb; }\n    .c-Magenta { color: #ff007f; }\n    .c-Purple { color: #6a0dad; }\n    .c-Sky-Blue { color: #87ceeb; }\n    .mug-control-panel { flex: 1.2; min-width: 340px; padding: 30px; box-sizing: border-box; border-left: 1px solid #eee; }\n    .mug-control-panel h2 { margin: 0 0 4px 0; font-size: 22px; color: #111; }\n    .widget-subtitle { font-size: 12.5px; color: #666; margin: 0 0 15px 0; line-height: 1.4; }\n    .option-group { margin-bottom: 18px; }\n    .option-group label { display: block; font-weight: 600; margin-bottom: 6px; font-size: 13.5px; color: #222; }\n    input[type=\"text\"], select { width: 100%; padding: 11px; border: 2px solid #e2e8f0; border-radius: 6px; font-size: 14px; box-sizing: border-box; }\n    .placement-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; }\n    .place-card { border: 2px solid #e2e8f0; padding: 12px 6px; text-align: center; border-radius: 6px; cursor: pointer; position: relative; background: #fff; }\n    .place-card input { position: absolute; opacity: 0; width: 0; height: 0; }\n    .place-card span { font-size: 13px; font-weight: 500; color: #475569; }\n    .place-card:has(input:checked) { border-color: #0070ba; background: #f0f7ff; }\n    .place-card:has(input:checked) span { color: #0070ba; font-weight: bold; }\n    .special-card:has(input:checked) { border-color: #10b981; background: #f0fdf4; }\n    .special-card:has(input:checked) span { color: #10b981; }\n    .swatch-row { display: flex; gap: 8px; flex-wrap: wrap; }\n    .swatch { width: 28px; height: 28px; border-radius: 50%; cursor: pointer; border: 2px solid #fff; box-shadow: 0 0 0 1px #cbd5e1; position: relative; }\n    .swatch input { opacity: 0; width: 100%; height: 100%; cursor: pointer; margin: 0; }\n    .swatch:has(input:checked) { box-shadow: 0 0 0 2px #0070ba; }\n    .checkout-submit-action { background: #0070ba; color: white; border: none; padding: 14px; font-size: 15px; font-weight: bold; border-radius: 6px; cursor: pointer; }\n    .checkout-submit-action:hover { background: #005ea6; }\n<\/style>\n\n<script>\n    var basePrice = 10.00; \n    var currentPriceStr = \"10.00\";\n    var targetRotation = 0; \n    var currentRotation = 0;\n    var activeMode = \"Front\";\n    var activePromoName = \"\";\n\n    window.addEventListener('load', function() {\n        initMugCanvas();\n        animateMugRotation();\n    });\n\n    function drawWhiteMug(rotationDegrees) {\n        var canvas = document.getElementById('mugCanvas');\n        if (!canvas) return;\n        var ctx = canvas.getContext('2d');\n        ctx.clearRect(0, 0, 300, 300);\n        var rad = rotationDegrees * Math.PI \/ 180;\n        var visibilityFactor = Math.sin(rad); \n        var scaleX = Math.cos(rad);\n        var isBehindMug = visibilityFactor < -0.05;\n        if (isBehindMug) { drawRealisticHandle(ctx, scaleX, visibilityFactor); }\n        ctx.beginPath(); ctx.ellipse(150, 235, 75, 11, 0, 0, 2 * Math.PI); ctx.fillStyle = 'rgba(0,0,0,0.05)'; ctx.fill();\n        ctx.beginPath(); ctx.moveTo(75, 70); ctx.lineTo(225, 70); ctx.lineTo(225, 222); ctx.quadraticCurveTo(150, 235, 75, 222); ctx.closePath();\n        var bodyGradient = ctx.createLinearGradient(75, 0, 225, 0); bodyGradient.addColorStop(0, '#e2e8f0'); bodyGradient.addColorStop(0.2, '#ffffff'); bodyGradient.addColorStop(0.75, '#ffffff'); bodyGradient.addColorStop(1, '#cbd5e1'); \n        ctx.fillStyle = bodyGradient; ctx.fill();\n        if (!isBehindMug) { drawRealisticHandle(ctx, scaleX, visibilityFactor); }\n        ctx.beginPath(); ctx.ellipse(150, 70, 75, 10, 0, 0, 2 * Math.PI); ctx.fillStyle = '#f1f5f9'; ctx.fill(); ctx.lineWidth = 1.5; ctx.strokeStyle = '#e2e8f0'; ctx.stroke();\n    }\n\n    function drawRealisticHandle(ctx, scaleX, visibilityFactor) {\n        var baseAnchorX = 150 + scaleX * 74;\n        var handleWidth = 36 * Math.abs(scaleX); if (handleWidth < 1) return;\n        ctx.save(); ctx.beginPath(); ctx.moveTo(baseAnchorX, 90); ctx.bezierCurveTo(baseAnchorX + (scaleX * 45), 85, baseAnchorX + (scaleX * 45), 200, baseAnchorX, 195); ctx.lineTo(baseAnchorX, 172); ctx.bezierCurveTo(baseAnchorX + (scaleX * 24), 175, baseAnchorX + (scaleX * 24), 112, baseAnchorX, 110); ctx.closePath();\n        var xStart = baseAnchorX; var xEnd = baseAnchorX + (scaleX * 45); var handleGrad = ctx.createLinearGradient(xStart, 0, xEnd, 0);\n        if (scaleX >= 0) { handleGrad.addColorStop(0, '#d1d5db'); handleGrad.addColorStop(0.3, '#f8fafc'); handleGrad.addColorStop(0.7, '#ffffff'); handleGrad.addColorStop(1, '#94a3b8'); } else { handleGrad.addColorStop(0, '#94a3b8'); handleGrad.addColorStop(0.3, '#ffffff'); handleGrad.addColorStop(0.7, '#f8fafc'); handleGrad.addColorStop(1, '#d1d5db'); }\n        ctx.fillStyle = handleGrad; ctx.fill(); ctx.lineWidth = 1; ctx.strokeStyle = 'rgba(0,0,0,0.06)'; ctx.stroke(); ctx.restore();\n    }\n\n    function animateMugRotation() {\n        currentRotation += (targetRotation - currentRotation) * 0.12;\n        drawWhiteMug(currentRotation);\n        requestAnimationFrame(animateMugRotation);\n    }\n\n    function handlePlacementChange() {\n        var mode = document.querySelector('input[name=\"placement_choice\"]:checked').value;\n        activeMode = mode;\n        var secondaryWrapper = document.getElementById('secondary-text-wrapper');\n        var primaryLabel = document.getElementById('primary-input-label');\n        var boxPrimary = document.getElementById('preview-text-primary');\n        var boxSecondary = document.getElementById('preview-text-secondary');\n        if (mode === \"Front\") { targetRotation = 0; boxPrimary.style.left = \"42%\"; boxPrimary.style.width = \"95px\"; boxSecondary.style.display = \"none\"; secondaryWrapper.style.display = \"none\"; primaryLabel.textContent = \"2. Enter Custom Wording:\"; basePrice = 10.00; } \n        else if (mode === \"Middle\") { targetRotation = 270; boxPrimary.style.left = \"50%\"; boxPrimary.style.width = \"130px\"; boxSecondary.style.display = \"none\"; secondaryWrapper.style.display = \"none\"; primaryLabel.textContent = \"2. Enter Custom Wording:\"; basePrice = 10.00; } \n        else if (mode === \"Rear\") { targetRotation = 180; boxPrimary.style.left = \"58%\"; boxPrimary.style.width = \"95px\"; boxSecondary.style.display = \"none\"; secondaryWrapper.style.display = \"none\"; primaryLabel.textContent = \"2. Enter Custom Wording:\"; basePrice = 10.00; } \n        else if (mode === \"Both\") { targetRotation = 270; boxPrimary.style.left = \"33%\"; boxPrimary.style.width = \"85px\"; boxSecondary.style.left = \"67%\"; boxSecondary.style.width = \"85px\"; boxSecondary.style.display = \"block\"; secondaryWrapper.style.display = \"block\"; primaryLabel.textContent = \"2. Enter Front Side Wording:\"; basePrice = 11.00; }\n        applyDiscountLogic();\n        renderLiveMug();\n    }\n\n    function applyDiscountLogic() {\n        var promoInput = document.getElementById('promo-code-input').value.trim().toUpperCase();\n        var statusMsg = document.getElementById('promo-status-msg');\n        var priceIndicator = document.getElementById('price-tag');\n        var calculatedPrice = basePrice;\n        activePromoName = \"\";\n        if (promoInput === \"ASTON\") { calculatedPrice = basePrice * 0.90; statusMsg.textContent = \"\u2713 10% ASTON Discount Applied!\"; statusMsg.style.color = \"#10b981\"; activePromoName = \"ASTON\"; } \n        else if (promoInput === \"\") { statusMsg.textContent = \"\"; }\n        else { statusMsg.textContent = \"\u2717 Invalid code.\"; statusMsg.style.color = \"#ef4444\"; }\n        currentPriceStr = calculatedPrice.toFixed(2);\n        priceIndicator.textContent = currentPriceStr;\n    }\n\n    function renderLiveMug() {\n        var mainText = document.getElementById('text-main').value.trim();\n        var altText = document.getElementById('text-alt').value.trim();\n        var fontSel = document.getElementById('font-style-picker').value;\n        var colorSel = document.querySelector('input[name=\"color_picker\"]:checked').value;\n        var boxPrimary = document.getElementById('preview-text-primary');\n        var boxSecondary = document.getElementById('preview-text-secondary');\n        boxPrimary.textContent = mainText || \"Front Text Here\";\n        boxSecondary.textContent = altText || \"Back Text Here\";\n        var cleanColorClass = colorSel.replace(\" \", \"-\");\n        boxPrimary.className = \"mug-text-layer f-\" + fontSel + \" c-\" + cleanColorClass;\n        boxSecondary.className = \"mug-text-layer f-\" + fontSel + \" c-\" + cleanColorClass;\n    }\n\n    function initMugCanvas() { renderLiveMug(); }\n\n    function submitMugCheckoutData() {\n        var finalMode = document.querySelector('input[name=\"placement_choice\"]:checked').value;\n        var valMain = document.getElementById('text-main').value.trim();\n        var valAlt = document.getElementById('text-alt').value.trim();\n        var valFnt = document.getElementById('font-style-picker').value;\n        var valClr = document.querySelector('input[name=\"color_picker\"]:checked').value;\n        var shipName = document.getElementById('shipping-name').value.trim();\n        var shipAddr = document.getElementById('shipping-address').value.trim();\n        var shipPcode = document.getElementById('shipping-postcode').value.trim();\n\n        if(!valMain) { alert('Please enter your custom wording.'); return; }\n        if(finalMode === \"Both\" && !valAlt) { alert('Please enter back side wording.'); return; }\n        if(!shipName || !shipAddr || !shipPcode) { alert('Please fill in your shipping details.'); return; }\n\n        \/\/ Build the data string for PayPal\n        var orderString = \"Pos: \" + finalMode + \" | T1: \" + valMain;\n        if(finalMode === \"Both\") orderString += \" | T2: \" + valAlt;\n        orderString += \" | Font: \" + valFnt + \" | Color: \" + valClr;\n        orderString += \" | SHIP TO: \" + shipName + \", \" + shipAddr + \", \" + shipPcode;\n        if (activePromoName !== \"\") orderString += \" | Promo: \" + activePromoName;\n\n        \/\/ Update the hidden form and submit\n        document.getElementById('paypal-amount').value = currentPriceStr;\n        document.getElementById('paypal-os0').value = orderString;\n        document.getElementById('paypal-secure-form').submit();\n    }\n<\/script>\n\n\n<div class=\"carousel-slider-outer carousel-slider-outer-image-carousel carousel-slider-outer-408\" style=\"--carousel-slider-nav-color:#f1f1f1;--carousel-slider-active-nav-color:#00d1b2;--carousel-slider-arrow-size:48px;--carousel-slider-bullet-size:10px\">\n<div id=\"&#039;id-408\" class=\"carousel-slider carousel-slider-408 arrows-visibility-hover dots-visibility-never arrows-outside dots-center dots-circle owl-carousel\" data-slide-type=\"image-carousel\" data-owl-settings='{\"nav\":true,\"dots\":false,\"slideBy\":1,\"stagePadding\":0,\"margin\":10,\"loop\":true,\"lazyLoad\":false,\"autoplay\":true,\"autoplayTimeout\":5000,\"autoplaySpeed\":500,\"autoplayHoverPause\":true,\"autoWidth\":false,\"responsive\":{\"300\":{\"items\":1},\"576\":{\"items\":2},\"768\":{\"items\":2},\"1024\":{\"items\":3},\"1280\":{\"items\":4},\"1536\":{\"items\":5}}}'>\n<div class=\"carousel-slider__item\">\n\t<img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/www.mycustommug.co.uk\/custom\/wp-content\/uploads\/2026\/06\/20260514_2028351-150x150.jpg\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" \/><\/a><\/div>\n\n<div class=\"carousel-slider__item\">\n\t<img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/www.mycustommug.co.uk\/custom\/wp-content\/uploads\/2026\/06\/20260514_2028401-150x150.jpg\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" \/><\/a><\/div>\n\n<div class=\"carousel-slider__item\">\n\t<img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/www.mycustommug.co.uk\/custom\/wp-content\/uploads\/2026\/06\/20260522_14140711-150x150.jpg\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" \/><\/a><\/div>\n\n<div class=\"carousel-slider__item\">\n\t<img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/www.mycustommug.co.uk\/custom\/wp-content\/uploads\/2026\/06\/20260526_1930151-150x150.jpg\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" \/><\/a><\/div>\n\n<div class=\"carousel-slider__item\">\n\t<img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/www.mycustommug.co.uk\/custom\/wp-content\/uploads\/2026\/06\/20260530_16053211-150x150.jpg\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" \/><\/a><\/div>\n\n<div class=\"carousel-slider__item\">\n\t<img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/www.mycustommug.co.uk\/custom\/wp-content\/uploads\/2026\/06\/20260601_215402-removebg-preview-150x150.png\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" \/><\/a><\/div>\n\n<\/div><!-- .carousel-slider-408 -->\n<\/div><!-- .carousel-slider-outer-408 -->\n\n","protected":false},"excerpt":{"rendered":"<p>Front Text Here Back Text Here Customise Your 11oz Mug Configure your design and enter your delivery details below. Premium Product Details: Mug Quality: Classic white 11oz ceramic mug with a comfortable large handle. Durability: Fully dishwasher safe with a high-durability permanent print. Gifting &#038; Packaging: Comes safely packed in its own protective cardboard box.<a class=\"more-link\" href=\"https:\/\/www.mycustommug.co.uk\/custom\/custom-mug-postage\/\">Continue reading <span class=\"screen-reader-text\">&#8220;Custom Mug Postage&#8221;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"pagelayer_contact_templates":[],"_pagelayer_content":"","footnotes":""},"class_list":["post-59","page","type-page","status-publish","hentry","entry"],"_links":{"self":[{"href":"https:\/\/www.mycustommug.co.uk\/custom\/wp-json\/wp\/v2\/pages\/59","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.mycustommug.co.uk\/custom\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.mycustommug.co.uk\/custom\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.mycustommug.co.uk\/custom\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.mycustommug.co.uk\/custom\/wp-json\/wp\/v2\/comments?post=59"}],"version-history":[{"count":6,"href":"https:\/\/www.mycustommug.co.uk\/custom\/wp-json\/wp\/v2\/pages\/59\/revisions"}],"predecessor-version":[{"id":415,"href":"https:\/\/www.mycustommug.co.uk\/custom\/wp-json\/wp\/v2\/pages\/59\/revisions\/415"}],"wp:attachment":[{"href":"https:\/\/www.mycustommug.co.uk\/custom\/wp-json\/wp\/v2\/media?parent=59"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}