Premium Golf Shoe Bag – Vented Leather Shoe Storage

/* ========================= AF APPLE-STYLE DARK MODE — SHOE BAG PDP (FINAL VISUALS) LOCKED OPTION A PALETTE ========================= */ :root { /* Locked Palette */ --af-graphite: #0B0D0B; --af-tech: #9FB8A0; --af-olive: #1A2517; --af-signal: #22C55E; /* Functional Mappings */ --bg-color: var(--af-graphite); --card-bg: #0B0D0B; --text-main: #f5f5f7; --text-muted: #A3A3A8; /* Borders & Shadows */ --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); --glow: 0 0 20px rgba(159, 184, 160, 0.15); } .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; } /* HEADER & 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: 32px; } .af-hero h1 { margin: 0 0 14px; font-weight: 800; line-height: 1.05; font-size: clamp(2.5rem, 5vw, 4rem); 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.3rem; 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.1rem; text-align: center; line-height: 1.6; } /* CARDS */ .af-card { background: rgba(255,255,255,0.02); border-radius: 24px; padding: 32px; margin: 24px 0; border: 1px solid var(--border); box-shadow: var(--shadow); } .af-card--tech { background: linear-gradient(180deg, rgba(159,184,160,0.05), var(--af-graphite)); border: 1px solid rgba(159,184,160,0.25); } .af-card--glow { box-shadow: var(--glow); border-color: rgba(159,184,160,0.4); } .af-h2 { margin: 0 0 12px; font-size: 1.8rem; line-height: 1.2; font-weight: 800; color: #fff; letter-spacing: -0.01em; } .af-muted { color: var(--text-muted); font-size: 1.05rem; margin: 0 0 1rem; } /* VALUE SNAPSHOT MODULE */ .af-pill-module { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin: 32px 0; } .af-pill { background: rgba(255,255,255,0.05); border: 1px solid var(--border); color: #fff; padding: 10px 20px; border-radius: 999px; font-size: 0.95rem; font-weight: 600; box-shadow: 0 4px 12px rgba(0,0,0,0.2); display: flex; align-items: center; gap: 8px; } .af-pill::before { content: "•"; color: var(--af-tech); font-size: 1.2rem; line-height: 0; } /* IMAGE WRAPPERS */ .af-img-wrap { margin: 0 0 24px 0; border-radius: 20px; overflow: hidden; border: 1px solid var(--border-soft); background: #000; position: relative; } .af-img { display: block; width: 100%; height: auto; } .af-caption { font-size: 0.85rem; color: var(--af-tech); text-align: center; margin-top: 8px; display: block; font-weight: 600; text-transform: uppercase; letter-spacing: 0.05em; } /* BUTTONS */ .af-btn-wrap { display: flex; justify-content: center; flex-wrap: wrap; gap: 12px; margin-top: 20px; align-items: center; } .af-btn { display: inline-flex; align-items: center; justify-content: center; padding: 16px 32px; border-radius: 999px; font-weight: 750; text-decoration: none; font-size: 1.05rem; transition: all .2s ease; border: 0; cursor: pointer; min-height: 52px; } .af-btn-primary { background: var(--af-signal); color: #000; border: 1px solid var(--af-signal); font-weight: 900; box-shadow: 0 4px 15px rgba(34, 197, 94, 0.4); } .af-btn-primary:hover { filter: brightness(1.1); transform: translateY(-2px); } .af-btn-secondary { background: rgba(255,255,255,0.03); color: #fff; border: 1px solid rgba(255,255,255,0.15); font-size: 1rem; } .af-btn-secondary:hover { background: rgba(255,255,255,0.08); border-color: #fff; } /* INTERACTION MODULE */ .af-hero-interaction { background: rgba(255,255,255,0.03); border: 1px solid var(--af-tech); border-radius: 28px; padding: 24px; margin: 0 auto; max-width: 580px; width: 100%; backdrop-filter: blur(10px); text-align: center; box-shadow: 0 20px 50px rgba(0,0,0,0.5); } .af-interaction-label { font-size: .85rem; text-transform: uppercase; letter-spacing: .08em; color: var(--af-tech); margin-bottom: 12px; font-weight: 800; display: block; } .af-variant-wrap { display: flex; justify-content: center; gap: 12px; margin-bottom: 16px; } .af-variant-btn { background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.2); color: #fff; padding: 12px 24px; border-radius: 12px; font-weight: 600; cursor: pointer; transition: all 0.2s; } .af-variant-btn:hover { background: rgba(255,255,255,0.1); } .af-variant-btn[aria-pressed="true"] { border-color: var(--af-signal); background: rgba(34, 197, 94, 0.1); color: var(--af-signal); box-shadow: 0 0 15px rgba(34, 197, 94, 0.15); } .af-nudge { text-align: center; margin-top: 12px; color: var(--text-muted); font-size: .95rem; } /* EXEC SUMMARY (HIGHLIGHTED) */ .af-exec-summary { background: rgba(34, 197, 94, 0.08); /* Slight green tint */ border: 1px solid #22C55E; /* Signal green border */ border-radius: 24px; padding: 28px; margin-bottom: 28px; margin-top: 10px; box-shadow: 0 0 20px rgba(34, 197, 94, 0.1); /* Glow */ } .af-exec-summary__hdr { display: flex; align-items: center; gap: 12px; margin-bottom: 16px; flex-wrap: wrap; } .af-exec-summary__label { font-size: 0.75rem; letter-spacing: 0.1em; text-transform: uppercase; color: #000; font-weight: 800; background: #22C55E; /* Solid signal green */ padding: 4px 10px; border-radius: 6px; } .af-exec-summary__note { font-size: 1.1rem; color: #fff; font-weight: 700; } .af-exec-summary p { margin: 0; color: #f3f4f6; /* Brighter text */ font-size: 1.05rem; line-height: 1.6; } .af-verdict-text { display: block; margin-top: 16px; padding-top: 16px; border-top: 1px solid rgba(34, 197, 94, 0.3); font-weight: 700; color: #fff; font-size: 1.1rem; } .af-verdict-text strong { color: #22C55E; } /* TOC */ .af-toc { display: flex; justify-content: center; flex-wrap: wrap; gap: 10px; margin-bottom: 24px; } .af-toc a { text-decoration: none; font-size: 0.9rem; padding: 8px 16px; min-height: auto; } /* STEPS & LISTS */ .af-steps, .af-list { margin: 0; padding-left: 1.2rem; color: var(--text-muted); } .af-steps li, .af-list li { margin: 0.8rem 0; font-size: 1.05rem; } .af-steps li strong, .af-list li strong { color: #fff; font-weight: 700; } /* DRAWERS & FAQ */ .af-drawer, .af-faq { border-top: 1px solid var(--border); padding: 16px 0; margin-top: 16px; } .af-drawer summary, .af-faq summary { cursor: pointer; font-weight: 700; color: #fff; font-size: 1.05rem; list-style: none; display: flex; justify-content: space-between; align-items: center; padding: 4px 0; } .af-drawer summary::-webkit-details-marker { display: none; } .af-drawer summary::after, .af-faq summary::after { content: "+"; font-weight: 400; color: var(--text-muted); font-size: 1.5rem; } .af-drawer[open] summary::after, .af-faq[open] summary::after { content: "−"; } .af-drawer .af-drawer-body, .af-faq div { margin-top: 12px; color: var(--text-muted); line-height: 1.6; } /* GRID */ .af-grid-2 { display: grid; grid-template-columns: 1fr; gap: 24px; } @media (min-width: 768px) { .af-grid-2 { grid-template-columns: 1fr 1fr; } } @media (max-width: 767px) { .af-luxury-page { padding: 40px 16px; } .af-card { padding: 24px; } .af-btn { width: 100%; } } /* STANDARDS */ .af-standards-citation { margin: 40px 0 0 0; padding: 24px; background: var(--af-olive); border: 1px solid rgba(159,184,160,0.3); border-radius: 20px; } On-Course Organization System™ • Shoe Bag Premium Golf Shoe Bag Contain the mess. Protect the rest. Don’t let dirty shoes "season" your trunk. Isolates dirt, dampness, and odor so they don’t migrate into your gloves, towels, or car interior. Test Verdict Contain the mess, protect the rest. The Premium Golf Shoe Bag is built for one job: isolate dirty, damp footwear so it doesn’t migrate into gloves, towels, headcovers, or your car. The mechanism is boring on purpose: create a default home for shoes so the trunk stays clean and your pre-round routine stays repeatable. Verdict: Buy it if you keep shoes in the car (or travel). Skip it if your shoes live at the clubhouse. The Trunk Tax How It Works Pick Your Setup Specs + Care FAQ Choose Color Grey Black Add to Cart Shop System If your trunk is your locker, this removes a daily annoyance fast. Fits Size 14 Isolates Dirt System Ready Premium Materials The Trunk Tax (you’re already paying it) Leaving shoes loose feels harmless… until it isn’t. Grit ends up in your trunk carpet. Dampness lingers. Odor sticks to anything fabric. Then your “quick grab” golf setup becomes a slow-motion contamination event. Translation: you lose time, you lose cleanliness, and you start the next round slightly annoyed for no good reason. Zip it closed. Chaos contained. How it works Internal Divider Protects Shoes • Mesh Protects Air Quality Exit routine: shoes go into the bag every time, not onto carpet “just for a second.” Containment: dirt stays with dirt. Moisture stays with moisture. Odor stays in its own zip code. Reset: removes the “where do these go?” decision. Default homes beat willpower. Compatibility: stores cleanly next to your other small-gear modules so your week stays repeatable. Who it’s for Golfers who keep shoes in the car. Players who walk, practice, or travel. Anyone building a repeatable setup. Who it’s not for People who leave shoes at the clubhouse. Golfers who don’t care about trunk mess. Choose your setup Use explicit decision rules so you don’t overthink it: Choose the Shoe Bag if your main issue is dirt, moisture, and smell migrating into other gear. Choose the On-Course Organization System™ if you also want a home for small essentials (phone, keys, tees, cash). Shop Organization System Shop Utility Pouches Specs + care This is a containment product. It doesn’t need a motivational speech. It needs to fit, zip, and do the job every week. Fit + capacity Fits up to men’s size 14 . If you’re bigger than that, you’re basically a small aircraft, and you should check dimensions before ordering. Moisture + odor reality check It isolates odor from the rest of your gear. It does not magically “delete” odor. Best practice: let shoes dry between rounds. This bag prevents the spread; it’s not a deodorizer. Cleaning If the inside gets gritty, shake it out and wipe it down. If it gets damp, unzip and let it air out. Simple rules: contain first, then reset. Premium Golf Shoe Bag FAQ What problem does this solve best? Containing dirt, moisture, and odor so they don’t transfer into the rest of your gear or your trunk. Will it fit large shoes? Yes. It fits up to men’s size 14. Is it compatible with any golf bag? Yes. It’s separate from your golf bag, so it works whether you use a stand bag, cart bag, or push cart. Does it eliminate odor? It isolates odor from other gear. For best results, dry shoes between rounds. This is containment, not a deodorizer. Should I also get the utility pouch? Get the pouch if your small essentials keep migrating. The shoe bag isolates footwear; the pouch consolidates essentials. Make your trunk boring again Boring is good. Boring means your shoes are contained, your gear stays cleaner, and your round starts with fewer distractions. Add to Cart See System Hub Evaluated Against Published Testing Standards We design around routines and failure modes: what actually creates friction during real golf weeks. Shoe mess is predictable, so the fix is a predictable home. Read Testing Standards { "@context": "https://schema.org", "@type": "FAQPage", "mainEntity": [ { "@type": "Question", "name": "What problem does this solve best?", "acceptedAnswer": { "@type": "Answer", "text": "Containing dirt, moisture, and odor so they don’t transfer into the rest of your gear or your trunk." } }, { "@type": "Question", "name": "Will it fit large shoes?", "acceptedAnswer": { "@type": "Answer", "text": "Yes. It fits up to men’s size 14." } }, { "@type": "Question", "name": "Is it compatible with any golf bag?", "acceptedAnswer": { "@type": "Answer", "text": "Yes. It’s separate from your golf bag, so it works whether you use a stand bag, cart bag, or push cart." } }, { "@type": "Question", "name": "Does it eliminate odor?", "acceptedAnswer": { "@type": "Answer", "text": "It isolates odor from other gear. For best results, dry shoes between rounds. This is containment, not a deodorizer." } }, { "@type": "Question", "name": "Should I also get the utility pouch?", "acceptedAnswer": { "@type": "Answer", "text": "Get the pouch if your small essentials keep migrating. The shoe bag isolates footwear; the pouch consolidates essentials." } }, { "@type": "Question", "name": "How does this fit the System?", "acceptedAnswer": { "@type": "Answer", "text": "It handles footwear containment. Pair with the utility pouch for a complete pre-round flow." } } ] } /* ========================================================= AF PDP ATC (UPDATED FIX) - Hardcoded Grey Variant ID for absolute safety - Dynamically fetches Black variant if needed ========================================================= */ (function(){ const root = document.querySelector('[data-af-shoe-bag]'); if(!root) return; const handle = root.getAttribute('data-af-handle') || 'premium-golf-shoe-bag'; const IMG_GREY = "https://cdn.shopify.com/s/files/1/0555/0830/3915/files/premium_shoe_bag_grey.jpg?v=1768952013"; const IMG_BLACK = "https://cdn.shopify.com/s/files/1/0555/0830/3915/files/premium_shoe_bag_black.jpg?v=1768952030"; const heroImg = root.querySelector('[data-af-hero-img]'); const variantBtns = Array.from(root.querySelectorAll('[data-af-color]')); const atcBtns = Array.from(root.querySelectorAll('[data-af-atc]')); let productData = null; // SAFETY HARDCODE FOR GREY const HARDCODED_IDS = { "Grey": 42715031306283 }; function setPressed(color){ variantBtns.forEach(btn => btn.setAttribute('aria-pressed', String(btn.getAttribute('data-af-color') === color))); } function setHero(color){ if(!heroImg) return; if(color === "Black"){ heroImg.src = IMG_BLACK; heroImg.alt = "Premium golf shoe bag in black, designed to contain dirty shoes and protect the rest of your gear"; } else { heroImg.src = IMG_GREY; heroImg.alt = "Premium golf shoe bag in grey, designed to contain dirty shoes and protect the rest of your gear"; } } async function loadProduct(){ if(productData) return productData; const res = await fetch(`/products/${handle}.js`, { credentials: 'same-origin' }); if(!res.ok) throw new Error('Product fetch failed'); productData = await res.json(); return productData; } function findVariantIdByColor(color){ // 1. Check Hardcoded ID if(HARDCODED_IDS[color]) return HARDCODED_IDS[color]; // 2. Fetch Logic (Fallback for Black) if(!productData || !Array.isArray(productData.variants)) return null; const c = (color || '').toLowerCase(); const v = productData.variants.find(variant => { const opts = [variant.option1, variant.option2, variant.option3] .filter(Boolean) .map(x => String(x).toLowerCase()); return opts.some(opt => opt.includes(c)); }); return v ? v.id : null; } async function addToCart(){ const activeBtn = variantBtns.find(btn => btn.getAttribute('aria-pressed') === 'true'); const color = activeBtn ? activeBtn.getAttribute('data-af-color') : "Grey"; try { await loadProduct(); const variantId = findVariantIdByColor(color); if(!variantId) { alert("Variant not found. Please try again."); return; } const payload = { items: [{ id: variantId, quantity: 1 }] }; const res = await fetch('/cart/add.js', { method: 'POST', headers: { 'Content-Type': 'application/json', 'Accept': 'application/json' }, credentials: 'same-origin', body: JSON.stringify(payload) }); if(!res.ok) throw new Error('Add to cart failed'); window.location.href = '/cart'; } catch(e){ console.error(e); window.location.href = '/cart'; } } variantBtns.forEach(btn => { btn.addEventListener('click', () => { const color = btn.getAttribute('data-af-color'); setPressed(color); setHero(color); }); }); atcBtns.forEach(btn => { btn.addEventListener('click', (e) => { e.preventDefault(); addToCart(); }); }); // Init setPressed("Grey"); setHero("Grey"); })();