Stubby Magnetic Golf Towel + Landing Pad System

/* ========================= AF LUXURY PAGE STYLES (Locked Option A) ========================= */ :root { --af-graphite: #0B0D0B; --af-tech: #9FB8A0; --af-olive: #1A2517; --af-signal: #22C55E; --bg-color: var(--af-graphite); --card-bg: #0B0D0B; --text-main: #f5f5f7; --text-muted: #A3A3A8; --border: rgba(159, 184, 160, 0.2); --border-soft: rgba(159, 184, 160, 0.1); --shadow: 0 20px 40px rgba(0,0,0,0.6); } .af-luxury-page { background: var(--bg-color); color: var(--text-main); padding: 60px 20px; font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, Helvetica, Arial, sans-serif; line-height: 1.6; -webkit-font-smoothing: antialiased; } .af-luxury-page * { box-sizing: border-box; } .af-container { max-width: 1000px; margin: 0 auto; } /* TYPOGRAPHY */ .af-eyebrow { color: var(--af-tech); letter-spacing: .1em; text-transform: uppercase; font-weight: 800; font-size: .75rem; margin: 0 0 16px; text-align: center; } .af-hero { display: flex; flex-direction: column; align-items: center; margin-bottom: 24px; } .af-hero h1 { margin: 0 0 14px; font-weight: 800; line-height: 1.05; font-size: clamp(2.25rem, 5vw, 3.75rem); letter-spacing: -0.02em; background: linear-gradient(180deg, #fff, #a1a1aa); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-align: center; } .af-lead { font-size: 1.2rem; color: #fff; font-weight: 750; text-align: center; margin: 12px 0 10px; } .af-lede { margin: 0 auto 0; max-width: 760px; color: var(--text-muted); font-size: 1.05rem; text-align: center; line-height: 1.65; } /* CARDS */ .af-card { background: rgba(255,255,255,0.02); border-radius: 24px; padding: 34px; margin: 18px 0; border: 1px solid var(--border); box-shadow: var(--shadow); } .af-card--tech { background: linear-gradient(180deg, rgba(159,184,160,0.08), var(--af-graphite)); border: 1px solid rgba(159,184,160,0.3); } .af-h2 { margin: 0 0 12px; font-size: 1.7rem; line-height: 1.2; font-weight: 750; color: #fff; letter-spacing: -0.01em; } .af-muted { color: var(--text-muted); font-size: 1.02rem; margin: 0 0 .9rem; } /* EXEC SUMMARY */ .af-exec-summary { background: var(--af-olive); border: 1px solid rgba(159,184,160,0.3); border-radius: 20px; padding: 20px; margin: 0 auto 18px; max-width: 860px; text-align: left; } .af-exec-summary strong { display: block; font-size: .75rem; letter-spacing: .05em; text-transform: uppercase; color: var(--af-tech); font-weight: 900; margin-bottom: 8px; } .af-exec-summary p { margin: 0; color: #e5e7eb; font-size: 1.02rem; line-height: 1.65; } /* IMAGE WRAPPERS & VIDEO */ .af-img-wrap { margin: 0 0 14px 0; border-radius: 18px; overflow: hidden; border: 1px solid var(--border-soft); background: rgba(255,255,255,0.02); } .af-img { display: block; width: 100%; height: auto; } video.af-img { width: 100%; height: auto; display: block; border-radius: 18px; object-fit: cover; } /* LISTS */ .af-bullets { margin: 0; padding-left: 1.2rem; color: var(--text-muted); } .af-bullets li { margin: .75rem 0; } .af-bullets li strong { color: #fff; font-weight: 750; } /* CHIPS */ .af-chip-row { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 16px; justify-content: center; } .af-chip { background: rgba(159,184,160,0.1); border: 1px solid rgba(159,184,160,0.25); color: #e5e5e7; padding: 8px 16px; border-radius: 999px; font-size: .9rem; font-weight: 650; } /* BUTTONS */ .af-btn-wrap { display: flex; justify-content: center; flex-wrap: wrap; gap: 12px; margin-top: 16px; align-items: center; } .af-btn { display: inline-flex; align-items: center; justify-content: center; padding: 14px 28px; border-radius: 999px; font-weight: 750; text-decoration: none; font-size: 1rem; transition: all .2s ease; border: 0; cursor: pointer; min-height: 48px; } .af-btn-primary { background: var(--af-signal); color: #000; border: 1px solid var(--af-signal); font-weight: 900; box-shadow: 0 4px 12px rgba(34, 197, 94, 0.3); } .af-btn-primary:hover { filter: brightness(1.1); transform: translateY(-2px); } .af-btn-secondary { background: transparent; color: #fff; border: 1px solid rgba(255,255,255,0.2); font-size: .95rem; padding: 12px 24px; } .af-btn-secondary:hover { background: rgba(255,255,255,0.06); border-color: rgba(255,255,255,0.4); transform: translateY(-2px); } /* INTERACTION MODULE */ .af-hero-interaction { background: rgba(255,255,255,0.03); border: 1px solid var(--af-tech); border-radius: 24px; padding: 22px; margin: 0 auto; max-width: 560px; width: 100%; backdrop-filter: blur(10px); text-align: center; box-shadow: 0 10px 30px rgba(0,0,0,0.5); } .af-interaction-label { font-size: .8rem; text-transform: uppercase; letter-spacing: .05em; color: var(--af-tech); margin-bottom: 10px; font-weight: 800; display: block; text-align: center; } .af-swatch-row { display: flex; justify-content: center; gap: 12px; margin-bottom: 14px; flex-wrap: wrap; } .af-swatch { width: 32px; height: 32px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.2); cursor: pointer; transition: transform .2s, border-color .2s, box-shadow .2s; padding: 0; background: #111; position: relative; } .af-swatch:hover { transform: scale(1.1); border-color: #fff; } .af-swatch[aria-selected="true"] { border-color: var(--af-signal); box-shadow: 0 0 0 4px rgba(34, 197, 94, 0.2); transform: scale(1.1); } /* ROBUST SWATCH COLORS (CLASS BASED) */ .af-bg-black { background: #111 !important; } .af-bg-blue { background: #1e3a8a !important; } .af-bg-green { background: #14532d !important; } .af-bg-birdie { background: #0ea5e9 !important; } .af-bg-grey { background: #4b5563 !important; } .af-bg-gunmetal { background: #374151 !important; } .af-bg-red { background: #991b1b !important; } .af-nudge { text-align: center; margin-top: 10px; color: var(--text-muted); font-size: .92rem; } /* WORKFLOW STEPS */ .af-steps { display: grid; grid-template-columns: 1fr; /* Default mobile 1 col */ gap: 16px; margin-top: 14px; } .af-step { background: rgba(159,184,160,0.08); border: 1px solid rgba(159,184,160,0.25); border-radius: 18px; padding: 24px; display: flex; flex-direction: column; align-items: flex-start; text-align: left; } .af-step h3 { margin: 14px 0 8px 0; font-size: 1.25rem; font-weight: 900; color: var(--af-signal); text-transform: uppercase; letter-spacing: 0.02em; } .af-step p { margin: 0; color: #d1d5db; font-size: 1.05rem; line-height: 1.5; } .af-step .af-chip { color: var(--af-signal); border-color: rgba(34, 197, 94, 0.5); background: rgba(34, 197, 94, 0.1); } /* COMPARISON TABLE */ .af-compare-table { width: 100%; border-collapse: separate; border-spacing: 0; margin: 20px 0; font-size: 0.95rem; color: var(--text-main); border: 1px solid var(--border); border-radius: 12px; overflow: hidden; } .af-compare-table caption { font-weight: 700; text-align: left; margin-bottom: 10px; color: var(--af-tech); text-transform: uppercase; font-size: 0.8rem; letter-spacing: 0.05em; } .af-compare-table th, .af-compare-table td { padding: 12px 16px; text-align: left; border-bottom: 1px solid var(--border-soft); } .af-compare-table th { background: rgba(159,184,160,0.1); color: #fff; font-weight: 700; } .af-compare-table td:first-child { font-weight: 600; color: var(--af-tech); width: 30%; } .af-compare-table tr:last-child td { border-bottom: none; } @media (max-width: 600px) { .af-compare-table thead { display: none; } .af-compare-table, .af-compare-table tbody, .af-compare-table tr, .af-compare-table td { display: block; width: 100%; } .af-compare-table tr { margin-bottom: 16px; background: rgba(255,255,255,0.03); border: 1px solid var(--border); border-radius: 12px; padding: 12px; } .af-compare-table td { padding: 8px 0; border-bottom: 1px solid var(--border-soft); display: flex; justify-content: space-between; align-items: center; } .af-compare-table td:last-child { border-bottom: none; } .af-compare-table td::before { content: attr(data-label); font-weight: 700; color: var(--af-tech); margin-right: 12px; text-transform: uppercase; font-size: 0.75rem; } } /* GRIDS */ .af-grid-2 { display: grid; grid-template-columns: 1fr; gap: 18px; } @media (min-width: 768px) { .af-grid-2 { grid-template-columns: 1fr 1fr; } .af-bundle-preview { grid-template-columns: 1fr 1fr !important; } } @media (max-width: 767px) { .af-luxury-page { padding: 40px 16px; } .af-card { padding: 26px; } .af-btn { width: 100%; } } /* FAQ */ .af-faq { border-top: 1px solid var(--border); padding: 18px 0; } .af-faq summary { cursor: pointer; font-weight: 750; color: #fff; font-size: 1.05rem; list-style: none; display: flex; justify-content: space-between; align-items: center; padding: 4px 0; } .af-faq summary::-webkit-details-marker { display: none; } .af-faq summary::after { content: "+"; font-weight: 400; color: var(--text-muted); font-size: 1.5rem; } details[open] summary::after { content: "−"; } .af-faq div { margin-top: 10px; color: var(--text-muted); line-height: 1.6; } /* STANDARDS */ .af-standards-citation { margin: 2.2rem 0 0 0; padding: 1.75rem 1.75rem; background: var(--af-olive); border: 1px solid rgba(159,184,160,0.3); border-radius: 16px; } Instant Access Bundle • Stubby + Landing Pad • Dock Inside Bag Dividers Stubby + Landing Pad — Instant Access Bundle Test Verdict This system exists because access friction kills routines. If the towel isn’t in the exact same spot every time, you stop cleaning your clubs. The Landing Pad creates a guaranteed steel-core docking point inside your bag between club dividers , so the Stubby towel stays protected, accessible, and off the ground. Verdict: The essential upgrade for players who want their system to stick under pace and pressure. Compact cleaning power + a consistent home base. Don't let a "floating" towel break your rhythm. Lock in your setup with the only magnetic system designed to dock inside your bag's dividers. Add Bundle to cart Testing Standards Shop Magnetic Towels Stubby + Landing Pad (Instant Access) Select your Stubby finish. The Landing Pad is included in the bundle. Pick Finish: Black Add Stubby Bundle to Cart Tip: Landing Pad mounts inside the bag between club dividers. Independent on-course test See the routine under real pace: clean → re-dock → move on. Scrub → Wash → Dry (simple routine, repeatable results) This is the whole point: a sequence you’ll actually use on the course. Scrub Loosen what wiping can’t remove. Packed sand, mud, and grass lock into grooves and don’t come out with a casual wipe. The scrub pad applies focused friction to break debris free so the grooves can actually do their job instead of masking spin and launch. Wash Flush contamination out of the system. Once debris is loosened, it has to go somewhere. The wet wash pocket rinses grime away instead of smearing it across the towel. This keeps dirt isolated and prevents re-contaminating the ball, face, or grips. Dry Restore clean contact and true feedback. Drying isn’t cosmetic. A clean, dry ball and face restore predictable friction at impact and a truer roll on the green. This is the step that turns “clean enough” into consistent results. Need more coverage? The 40 Bundle If you ride often or deal with heavy mud, step up to The 40 (16×40) + Landing Pad bundle. Pick Finish: Black Add The 40 Bundle Just need the towel? If you already have a Landing Pad or a magnet-friendly bag, grab the Stubby solo. Pick Finish: Black Add Stubby Only Bundle vs. Towel Only Quick Spec Check Feature Bundle (Stubby + Pad) Stubby Only What you get Towel + Steel Docking Pad Towel Only Best for Any Bag (Stand or Cart) Magnet-Friendly Bags Docking reliability 100% Consistent Depends on Surface System FAQ Where does the Landing Pad mount? Inside your golf bag between club dividers. It’s a stable internal docking surface for the towel. It does not mount on cart frames or rails. Does this work with any golf bag? Yes, the Landing Pad clip is designed to fit standard bag dividers. It creates a magnetic spot where none existed before. Do I still need the carabiner? The carabiner acts as a backup or for hanging drying. For the active routine, you'll use the Magna-Anchor™ to dock to the Landing Pad. Can I buy the towel without the pad? Yes, see the "Just need the towel?" section above. However, the bundle is recommended for the most consistent experience. Can I wash the towel? Yes. Wash cold on gentle/low spin and air dry. Avoid high heat; hot dryers can degrade microfiber performance over time. Clean contact. Reliable feedback. Fewer “what the hell was that” shots. Start with the bundle. Upgrade your system. Add Bundle to cart Add towel only Testing Standards Evaluated Against Published Testing Standards This product is evaluated using Aiming Fluid Golf’s published magnetic gear testing framework. The framework defines how magnetic towels and docking systems are assessed across retention, cleaning effectiveness, usability, durability, and compatibility under real on-course conditions. The standards page documents evaluation criteria, common failure modes, and the scorecard logic used to assess magnetic golf gear independent of product marketing claims. View Testing & Design Standards { "@context":"https://schema.org", "@type":"FAQPage", "mainEntity":[ {"@type":"Question","name":"Where does the Landing Pad mount?","acceptedAnswer":{"@type":"Answer","text":"Inside your golf bag between club dividers. It’s a stable internal docking surface for the towel. It does not mount on cart frames or rails."}}, {"@type":"Question","name":"Does this work with any golf bag?","acceptedAnswer":{"@type":"Answer","text":"Yes, the Landing Pad clip is designed to fit standard bag dividers. It creates a magnetic spot where none existed before."}}, {"@type":"Question","name":"Do I still need the carabiner?","acceptedAnswer":{"@type":"Answer","text":"The carabiner acts as a backup or for hanging drying. For the active routine, you'll use the Magna-Anchor™ to dock to the Landing Pad."}}, {"@type":"Question","name":"Can I buy the towel without the pad?","acceptedAnswer":{"@type":"Answer","text":"Yes, see the \"Just need the towel?\" section above. However, the bundle is recommended for the most consistent experience."}}, {"@type":"Question","name":"Can I wash the towel?","acceptedAnswer":{"@type":"Answer","text":"Yes. Wash cold on gentle/low spin and air dry. Avoid high heat; hot dryers can degrade microfiber performance over time."}} ] } (function(){ // --- DATA MAPS (STUBBY BUNDLE) --- const stubbyMap = { "Birdie Blue": { img: "https://cdn.shopify.com/s/files/1/0555/0830/3915/files/Updated_Main_Image_8b752204-9ca3-4e0b-a73c-0103ff9c5dc4.jpg?v=1769716337", id: "42694042091563" }, "Gunmetal Grey": { img: "https://cdn.shopify.com/s/files/1/0555/0830/3915/files/Updated_Main_884c27fa-8120-4b53-89d4-73c7cb6bab01.jpg?v=1769716030", id: "42694042157099" }, "Grey": { img: "https://cdn.shopify.com/s/files/1/0555/0830/3915/files/Updated_Main_c9189ce2-a536-4749-8f59-2eb39cc1f865.jpg?v=1769716373", id: "42694042124331" }, "Augusta Green": { img: "https://cdn.shopify.com/s/files/1/0555/0830/3915/files/Updated_Main_3b5d1151-cbb9-4ad0-8fb3-67c875bf4ebd.jpg?v=1769715608", id: "42694042255403" }, "Blue": { img: "https://cdn.shopify.com/s/files/1/0555/0830/3915/files/Updated_Main_87e9e13c-04a3-42bd-92df-ee89f7b17e34.jpg?v=1769716373", id: "42694042222635" }, "Black": { img: "https://cdn.shopify.com/s/files/1/0555/0830/3915/files/Updated_Main.jpg?v=1769716373", id: "42694042189867" } }; // --- DATA MAPS (THE 40 BUNDLE) --- const the40Map = { "Green": { img: "https://cdn.shopify.com/s/files/1/0555/0830/3915/files/Updated_Main_a9bf27d1-982b-4134-838c-4ba64802284c.jpg?v=1769717110", id: "42694796148779" }, "Grey": { img: "https://cdn.shopify.com/s/files/1/0555/0830/3915/files/Updated_Main_70852911-336a-4f52-8952-ad7a71331ee4.jpg?v=1769717226", id: "42694796181547" }, "Blue": { img: "https://cdn.shopify.com/s/files/1/0555/0830/3915/files/Updated_Main_5dc2ca4f-7081-4422-9bb5-ab1ed1d87985.jpg?v=1769717255", id: "42694796116011" }, "Black": { img: "https://cdn.shopify.com/s/files/1/0555/0830/3915/files/Updated_Main_21196650-eeaf-4b5b-a449-9e56e0c587a1.jpg?v=1769716887", id: "42694796214315" } }; // --- DATA MAPS (STUBBY TOWEL ONLY) --- const towelOnlyMap = { "Red": { img: "https://cdn.shopify.com/s/files/1/0555/0830/3915/files/Updated_Main_Image_2.jpg?v=1769714394", id: "40987341815851" }, "Birdie Blue": { img: "https://cdn.shopify.com/s/files/1/0555/0830/3915/files/2026_Amazon_Main_Image_4a14208d-a588-4d0c-8257-be4c6f929d2c.jpg?v=1769714394", id: "42663187546155" }, "Gunmetal Grey": { img: "https://cdn.shopify.com/s/files/1/0555/0830/3915/files/2026_Main_Image_732dcd44-f78d-458d-bd41-2e148e5b7af7.jpg?v=1769714394", id: "41151790088235" }, "Grey": { img: "https://cdn.shopify.com/s/files/1/0555/0830/3915/files/2026_amazon_Main_Image_a81807c5-6f77-44c4-a531-5cf6b47a5bbd.jpg?v=1769714394", id: "40882080743467" }, "Augusta Green": { img: "https://cdn.shopify.com/s/files/1/0555/0830/3915/files/2026_Amazon_Main_Image_128423e7-67ac-4508-82b8-2b1076ec7e3e.jpg?v=1769714394", id: "40882080776235" }, "Blue": { img: "https://cdn.shopify.com/s/files/1/0555/0830/3915/files/2026_main_image.jpg?v=1769714394", id: "40882080710699" }, "Black": { img: "https://cdn.shopify.com/s/files/1/0555/0830/3915/files/2026_Amazon_Main_Image.jpg?v=1769714394", id: "40882080677931" } }; // --- STATE --- let selectedStubbyFinish = 'Black'; let selected40Finish = 'Black'; let selectedTowelOnlyFinish = 'Black'; // --- HELPERS --- function getAttr(el, name){ return el.getAttribute(name); } function setStatus(el, msg){ if(el) el.textContent = msg; } // Generic Add to Cart (Single item) async function addToCart(items, statusEl){ if(statusEl) statusEl.textContent = "Adding..."; try{ const res = await fetch('/cart/add.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ items }) }); if(!res.ok) throw new Error(); window.location.href = '/cart'; } catch(e){ if(statusEl) statusEl.textContent = "Add failed."; } } // --- 1. STUBBY BUNDLE LOGIC --- const stubbySwatches = document.querySelectorAll('[data-af-color-stubby]'); const stubbyImg = document.querySelector('[data-af-stubby-img]'); const stubbyAtc = document.querySelectorAll('[data-af-atc-stubby-bundle]'); const stubbyLabel = document.querySelector('[data-af-label-stubby]'); stubbySwatches.forEach(btn => btn.addEventListener('click', () => { const f = getAttr(btn, 'data-af-color-stubby'); selectedStubbyFinish = f; stubbySwatches.forEach(b => b.setAttribute('aria-selected', getAttr(b, 'data-af-color-stubby') === f)); if(stubbyMap[f] && stubbyImg) stubbyImg.src = stubbyMap[f].img; if(stubbyLabel) stubbyLabel.textContent = "Pick Finish: " + f; })); stubbyAtc.forEach(btn => btn.addEventListener('click', async () => { const bundleId = Number(stubbyMap[selectedStubbyFinish].id); await addToCart([{ id: bundleId, quantity: 1 }], null); })); // --- 2. THE 40 BUNDLE LOGIC --- const swatches40 = document.querySelectorAll('[data-af-color-40]'); const img40 = document.querySelector('[data-af-40-img]'); const atc40 = document.querySelector('[data-af-atc-40-bundle]'); const label40 = document.querySelector('[data-af-label-40]'); swatches40.forEach(btn => btn.addEventListener('click', () => { const f = getAttr(btn, 'data-af-color-40'); selected40Finish = f; swatches40.forEach(b => b.setAttribute('aria-selected', getAttr(b, 'data-af-color-40') === f)); if(the40Map[f] && img40) img40.src = the40Map[f].img; if(label40) label40.textContent = "Pick Finish: " + f; })); if(atc40){ atc40.addEventListener('click', async () => { const bundleId = Number(the40Map[selected40Finish].id); await addToCart([{ id: bundleId, quantity: 1 }], null); }); } // --- 3. TOWEL ONLY LOGIC --- const towelSwatches = document.querySelectorAll('[data-af-color-towel]'); const towelImg = document.querySelector('[data-af-towel-only-img]'); const towelAtc = document.querySelector('[data-af-atc-towel]'); const towelLabel = document.querySelector('[data-af-label-towel]'); towelSwatches.forEach(btn => btn.addEventListener('click', () => { const f = getAttr(btn, 'data-af-color-towel'); selectedTowelOnlyFinish = f; towelSwatches.forEach(b => b.setAttribute('aria-selected', getAttr(b, 'data-af-color-towel') === f)); if(towelOnlyMap[f] && towelImg) towelImg.src = towelOnlyMap[f].img; if(towelLabel) towelLabel.textContent = "Pick Finish: " + f; })); if(towelAtc){ towelAtc.addEventListener('click', async () => { const id = Number(towelOnlyMap[selectedTowelOnlyFinish].id); await addToCart([{ id, quantity: 1 }], null); }); } // Init Defaults if(stubbySwatches.length) stubbySwatches[0].click(); if(swatches40.length) swatches40[0].click(); if(towelSwatches.length) towelSwatches[towelSwatches.length - 1].click(); })();