Playbook · Shopify variant picker / option selectors broken

Shopify product variant picker / option selectors broken so shoppers cannot select size or color.

Written for a Shopify DTC owner whose variant picker or option selectors (size, color, material) are broken — unclickable pills, greyed-out radios, missing selects, or a console error the moment someone taps an option — so shoppers cannot select the combination they want. DIY-first: prove the option UI mounts on Current theme, prove a click changes ?variant= / the form id, then isolate theme JS, CSS overlays, unavailable combinations, and swatch apps. Distinct from Combined Listings, variant inventory policy, Buy Button not loading, and Hydrogen cart broken. Soft-link variant-picker-not-updating when shoppers can select but price, image, or add-to-cart stay stuck. No earnings claims, no invented case studies.

Nico at Latch AI Ops · Sep 10, 2026 · ~12 minute read

Buy the 72-hour install — $997 Picker not updating Color swatches missing Merchant FAQ

Variant picker / option selectors broken — not Combined Listings, variant inventory policy, Buy Button, Hydrogen cart.

Several products can look like “nobody can pick Size or Color on the PDP.” They do not share a settings panel. This page is only when the option selector UI itself will not accept a selection — clicks do nothing, options are permanently disabled, the picker never renders, or theme JS throws when an option is tapped. Parent/child Combined Listings storefront bugs are combined-listings-not-working. Deny vs continue selling when out of stock is variant-inventory-policy-wrong. External Buy Button / Storefront embed not loading is buy-button-not-loading. Headless Hydrogen / Storefront API cart empty after add is hydrogen-cart-broken. Soft-link variant-picker-not-updating when the click registers but price, featured media, or ATC stay on the first variant. Soft-link color-swatches-not-showing when image swatches never mount but dropdowns still work.

Prove option UI mounts and whether clicks change the selected variant.

On the Current theme live PDP (not only Theme editor Preview), confirm Size / Color / Material controls are in the DOM — radios, buttons, or <select>. Click through combinations. Watch the address bar for ?variant=, the hidden name="id" input, and any product-form /variant-selects custom element state. Open Console before the first click: a TypeError on option change means broken theme JS, not inventory. If nothing changes in the URL or form id, the picker is broken for selection — stay on this page. If the id changes and only price / image / ATC lag, go to variant-picker-not-updating.

Theme product-form JS errors, pointer-events, overlays covering the picker.

Online Store 2.0 themes wire options through section JS (product-info, variant-selects, media gallery listeners). A recent theme edit, app inject, or minify error can leave listeners unbound so clicks look dead. In Elements, check for a sticky ATC bar, cookie banner, chat bubble, or absolute overlay with pointer-events covering the option row — shoppers tap “Color” and hit the overlay instead. Temporarily hide App embeds and retest. If Save in the theme editor fails after an embed, see app-embed-blocking-theme. Preview the same product on Dawn (or your last known-good theme) to split theme vs product data.

All combinations unavailable, missing options in admin, single-variant products.

Admin → Products → Variants: confirm Size and Color (or your option names) exist with real values, not a single Default Title variant. Themes often disable unavailable option values when no matching in-stock combination remains — that can look like a “broken” picker when inventory policy and stock are the real cause; verify with variant-inventory-policy-wrong and location inventory. Markets / unpublished channels can hide variants for a country while admin still shows them — check the market storefront URL. Combined Listings parents that expect child options but never surface them belong on combined-listings-not-working, not this page.

Swatch apps, quick view, sticky ATC fighting native option selectors.

Third-party swatch, size-chart, quick-view, and sticky add-to- cart apps often replace or wrap native option inputs. Two swatch apps, or an app block plus theme pills, can leave one layer visible and another capturing clicks. Disable App embeds one at a time on a duplicate theme, then re-enable the winner. Quick view modals with a broken inner picker are a different surface — see quick-view-not-working. Sticky bars that never show are sticky-add-to-cart-missing; sticky bars that show but ATC fails after a good selection are closer to add-to-cart bugs than this page.

You tested Combined Listings, inventory policy, Buy Button, or Hydrogen cart instead.

Combined Listings parent-child storefront failures are combined-listings-not-working. Deny / continue selling when out of stock is variant-inventory-policy-wrong. Buy Button / Storefront embed on an external site is buy-button-not-loading. Hydrogen / headless cart mutations failing is hydrogen-cart-broken. Do not rebuild inventory policies or a Hydrogen cart until you have proven whether the Online Store PDP option UI itself accepts a size/color click.

When to stay DIY vs pay $997.

Stay DIY if you can restore clickable options, clear the overlay or JS error, and confirm ?variant= updates in under an hour. Pay for the Latch AI Ops install when you want lead capture, ops alerts, and a checkout-ready workflow on the live store — including storefront exception alerts landing in a channel you already check. Clock starts when collaborator access is in. 72 hours. One live store. Written by Nico. No earnings claims. No ranking-lift or conversion-lift number.

Buy the 72-hour install — $997 Picker not updating Combined Listings

Also on Latch

Variant picker not updating Combined Listings Variant inventory policy Buy Button not loading Hydrogen cart broken Merchant FAQ

Latch AI Ops · Nico · $997 one-time · 72h after collaborator access · No earnings claims.