Playbook · Quick view modal not opening

Shopify quick view / product preview modal not opening on collection pages — theme JS, sections, app conflict.

Written for a Shopify DTC owner whose Quick view / Quick shop / Product preview control on a collection grid never opens a modal, is CSS-hidden on the card, or the click does nothing — usually the theme quick-view / product-preview section disabled or dropped after a theme edit, collection card JS unbound, a quick-view app fighting the native modal, or CSS / pointer-events / z-index under chat and filter drawers. DIY-first: prove missing vs dead click, restore the theme section, re-bind card JS, isolate app and CSS conflicts. Distinct from sticky add to cart / mobile buy bar not working, size chart / fit guide popup not opening, wishlist / save for later button not working, product variant picker / swatches not updating, cart drawer / AJAX cart not updating, and collection filters / facets not working. No earnings claims, no invented case studies.

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

Buy the 72-hour install — $997Sticky add to cart not workingCollection filters not workingMerchant FAQ

01

Quick view / product preview modal — not sticky ATC, size chart, wishlist, variant picker, cart drawer, or collection filters.

Several products can look like “the collection product UI is broken.” They do not share a settings panel. This page is only when Quick view / Quick shop / Product preview on a collection card is missing, CSS-hidden, or the click never opens a modal / drawer. A missing sticky add to cart / mobile buy bar is sticky add to cart not working. A dead Size chart / Fit guide modal is size chart popup not opening. A dead heart / wishlist control is wishlist button not working. A stuck product variant picker or swatches UI is variant picker / swatches not updating. A stale cart drawer after a successful add is cart drawer / AJAX cart not updating. Empty or stuck collection facets are collection filters / facets not working. This page is only: quick view / product preview modal on collection pages.

Seven ordinary reasons the modal stays gone or dead: theme quick-view / product-preview / quick-shop section or product-card setting disabled or dropped after a theme publish, collection card / quick-view JS unbound after a section reorder, quick-view app embed fighting the native modal, CSS display:none / pointer-events:none on the trigger, z-index under chat / filter drawers, product JSON / Section API fetch failing quietly, or you are debugging sticky ATC / size chart / wishlist / variant picker / cart drawer / collection filters instead. Walk them in that order. You already pay for the theme or quick-view app. You do not need another seat to make a preview modal that already exists open.

02

Prove the quick view control is missing or the click never opened a modal.

Pick a published collection with in-stock products. Open the live collection URL in an incognito window on phone-width and desktop. Hover / tap a product card. Screenshot whether a Quick view / Quick shop / Preview control is visible; whether a dialog / drawer / modal mounts on click; and whether Network shows a product JSON, Section Rendering API, or app endpoint after the click. Open Theme editor on the live theme → collection template and note whether a Quick view / Product preview / Quick shop section, product-card setting, or app block is present and enabled. Open DevTools → Console for uncaught card / modal errors when the control should fire.

Honest proof: if the product page itself works but the collection quick-view control never appears or never opens a modal, stay on this page — that is theme section, card JS, app conflict, or CSS. If the sticky / mobile buy bar on the product page is the broken surface, leave for sticky add to cart not working. If Size chart never opens a modal on the product page, use size chart popup not opening. If the heart / wishlist never toggles, use wishlist button not working. If option clicks leave price / image stuck inside a product page (or inside a working modal), use variant picker / swatches not updating. If add succeeds but the drawer stays stale, use cart drawer / AJAX cart not updating. If facets / filters empty the grid or do nothing, use collection filters / facets not working. Do not mix those proofs.

03

Theme quick-view / product-preview section disabled or dropped after a theme edit.

Many OS 2.0 themes ship Quick view, Quick shop, or Product preview as a collection section, a product-card block setting (“Enable quick view”), or a modal section referenced by the card. A theme switch, duplicate, “reset sections,” or a customizer edit that unchecks / removes that setting is the most common “quick view disappeared” ticket — the product page still works; the collection preview surface is gone.

Fix: Theme editor → collection template (and featured collection sections on the homepage) — re-enable Quick view / Quick shop / Show product preview on cards, place the matching modal / drawer section where the theme docs expect, Save, preview, then hard-refresh the live collection URL. Compare against an unmodified Dawn / theme starter if you forked heavily. Sticky ATC and size-chart sections are still different products — do not confuse a missing mobile buy bar or Size chart link with a missing collection quick-view control.

04

Collection card / quick-view JS unbound after section reorder or customizer publish.

Quick-view buttons usually open a dialog / details / custom-element modal that fetches product HTML or JSON, then mounts variant pickers and ATC inside. A section reorder, infinite-scroll / load-more re-render that drops listeners, or a customizer publish that removes data- attributes / trigger aria-controls hooks leaves a visible Quick view whose click does nothing — or a control that never mounts because the card observer never attaches.

Fix: confirm the modal / drawer target still exists on the collection template. Check console for custom-element upgrade failures after filter / pagination / load-more (those often re-mount cards and orphan click listeners). Restore the theme’s product-card / quick-view JS from an unmodified copy if you deleted the open handler. Variant media and swatch UI bugs inside an already-open modal still belong on variant picker / swatches not updating— that is product options, not the collection quick-view open.

05

Quick-view apps, embeds, and two modals fighting the same product card.

Stores that installed a quick-view / quick-shop / product-preview app on top of a theme that already ships one often leave both: two triggers, one covering the other, or the app’s preventDefault killing the native open. A theme switch that leaves the old app embed on while the new theme’s quick-view setting is also on is the same class of ticket.

Fix: keep one quick-view owner. Theme editor → App embeds — disable the quick-view app if you want the native modal, or disable the theme quick-view setting if you want the app. Remove orphan quick-view liquid / sections on a development theme first. Preview then hard-refresh. Collection filter / facet bugs that empty the grid are still collection filters / facets not working— different surface from a missing or dead quick-view modal.

06

CSS hide, pointer-events none, and z-index under chat / filter drawers.

Custom CSS that sets display:none, visibility:hidden, opacity:0, or pointer-events:none on quick-view classes, a chat / cookie / announcement bar with a higher z-index than the modal, or a collection filter drawer that traps focus and covers the dialog all look like “quick view is broken.” Sold-out cards that hide Quick view without a visible Sold out label are the same merchant complaint with a different root.

Fix: Inspect the Quick view trigger and the modal node — note computed display, visibility, pointer-events, and z-index. Lower chat / cookie overlays or raise the modal. Confirm the card is available before calling the control “broken.” Sticky ATC / mobile buy bar visibility on the product page is still sticky add to cart not working— that is a product-page buy bar, not a collection quick-view modal.

07

You tested sticky ATC, size chart, wishlist, variant picker, cart drawer, or collection filters instead.

A missing or dead sticky add to cart / mobile buy bar is sticky add to cart not working. A dead size chart / fit guide popup is size chart popup not opening. A dead wishlist / save for later button is wishlist button not working. Stuck product variant picker / swatches is variant picker / swatches not updating. Stale cart drawer / AJAX cart after add is cart drawer / AJAX cart not updating. Empty or stuck collection facets are collection filters / facets not working.

The only honest test for this page: a published collection’s Quick view / Quick shop / Product preview control appears on cards as designed, theme quick-view section (or one quick-view app) is enabled on the live theme, card JS binds, click mounts a modal / drawer with product content, console is clean on click, and chat / filter overlays do not cover the dialog. Anything else is a different product.

08

When to stay DIY vs pay $997.

Stay DIY if you can spend one afternoon on the list above: prove missing vs dead quick-view click, re-enable the theme quick-view / product-preview section, re-bind collection card JS, keep one quick-view owner (theme or app), and fix CSS / pointer-events / z-index hides. That is the whole playbook. No agency required. Short answers also live on the merchant FAQ. Related pages: sticky add to cart not working, size chart popup not opening, wishlist button not working, variant picker / swatches not updating, cart drawer / AJAX cart not updating, collection filters / facets not working.

Pay for help when the work is not the quick-view toggle — it is connecting the stack you already have so lead capture is not dying in DMs, storefront and checkout-ready exceptions land in a channel you already check, and the live store is one workflow instead of a spreadsheet plus a Slack bot you forgot. That is the Latch AI Ops install.

What $997 USD one-time buys: lead capture on the live store, ops alerts in a channel you already check, and a checkout-ready workflow. 72 hours after collaborator access, not after payment. One live Shopify store. Access plus a delivery thread. Store URL collected at checkout. Not a SaaS seat, not a theme rebuild retainer, not a conversion guarantee, not a brand or theme job.

Other shops’ public ranges, not testimonials: a checkout / ops install typically runs $500–$2,500. A full ops consulting block typically runs $2,000–$5,000. $997 is the cheap end of that work, sold as a 72-hour install of three systems — not as an earnings number or conversion-lift claim.

What it does not buy: more orders, recovered revenue, perfect quick-view modals forever, or a case study. Latch AI Ops has not published customer proof because there are no customers yet. You are buying the install.

Checkout is on Whop. Operator is Nico. United States offer. You can revoke collaborator access after handoff. We do not take owner passwords.