Playbook · Shopify collection quick view / quick add not working

Shopify quick view not working.

Written for a Shopify DTC owner whose collection quick view / quick add / quick shop modal is broken or missing — theme quick-view section off on Current, collection card JS unbound after a theme edit, quick-view apps fighting the native modal, or the variant picker / add-to-cart inside the modal stuck. DIY-first: prove theme vs card JS vs app vs modal variant picker; repair the live collection path; retest on the live storefront. Distinct from sticky add-to-cart bar missing, cart drawer not updating, upsell / cross-sell popup not showing, product image zoom / lightbox broken, and the full PDP variant picker not updating. Also distinct from the older collection-preview angle at quick-view-modal-not-opening when you specifically need the quick-add + in-modal variant path. No earnings claims, no invented case studies.

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

Buy the 72-hour install — $997Sticky ATCCart drawerMerchant FAQ

01

Collection quick view / quick add modal broken or missing — not sticky ATC, not cart drawer, not upsell popup, not image zoom, not PDP variant picker.

Several storefront surfaces can look like “quick add is broken.” They do not share a settings panel. This page is only when a collection Quick view / Quick add / Quick shop modal is missing, dead on click, or opens with a broken variant picker / add-to-cart inside the modal. Sticky / floating add-to-cart bars on the PDP are shopify-sticky-add-to-cart-missing. Cart drawers that never refresh after add are cart-drawer-not-updating. Upsell / cross-sell popups after add to cart are shopify-upsell-popup-not-showing. Product image zoom / lightbox on the PDP is shopify-product-image-zoom-broken. The full product-page variant picker / swatches cycle is variant-picker-not-updating.

02

Prove theme section vs collection card JS vs quick-view app vs variant picker inside the modal on a live collection.

Open a live collection URL (or search results grid) — not only Theme editor preview. Capture four proofs before you install another quick-view app:

  1. Product cards: is there a Quick view / Quick add / Quick shop / Preview control on hover or always visible? Missing control usually means the theme product-card setting or section is off — not a broken cart drawer.
  2. Customize Current → collection / product-card / featured collection: is the quick-view / product-preview / quick-add option enabled on the published theme — not only on a draft?
  3. Theme settings → App embeds: is a quick-view / quick-shop app enabled on Current? Two quick-view apps plus a native modal often blank each other — DevTools: click the control and see whether a dialog node mounts then disappears.
  4. If the modal opens: do option clicks inside the modal update price, availability, and Add to cart? A stuck in-modal variant picker is still this playbook’s surface (collection modal), not the full PDP variant-picker-not-updating page — but the same theme JS / section listeners often apply.

If you only tested a sticky ATC bar on the PDP, a cart drawer refresh, an upsell popup after add, PDP image zoom, or the full product-page variant picker, you are on the wrong playbook.

03

Theme quick-view / quick-add section or product-card setting off on Current, or collection card JS unbound.

Online Store 2.0 themes often gate Quick view behind a product-card setting (“Enable quick view”, “Show quick add”, “Product preview”) or a section on the collection template. That setting can be off after a theme update, present only on a draft theme, or dropped when a developer replaced the product-card snippet. Separately, a theme edit can leave the Quick view button in the Liquid markup while unbound JS never attaches click listeners — the control looks live and does nothing.

Fix path: Customize Current → collection / product grid / product card → enable Quick view / Quick add / Product preview → Save / Publish Current. If the button exists but clicks do nothing, check the theme’s collection / product-card JS for console errors after the last edit, restore the stock product-card section from the theme, and retest on a live collection. Theme editor publish / save failures are theme-editor-publish-failing. Liquid / section errors on collection templates are liquid-error-on-product-page.

04

Quick-view / quick-add apps fighting the native modal, or CSS / z-index / pointer-events hiding the overlay.

Quick-view / quick-shop apps (App embed + theme app block, or a script that injects a Quick view button) can fight the theme’s native modal. The embed can be off on Current, enabled only on a draft theme, scoped to collections / Markets the buyer is not in, or set to replace the native control while the theme still renders its own. Two quick-view apps plus a filter drawer / chat widget often leave a modal node at display:none, height:0, or under a higher z-index overlay — pointer-events:none on the button is common after a CSS customization.

Fix path: Theme settings → App embeds → enable one quick-view / quick-shop app on Current (or disable the app and use native only) → Save. Customize Current → add the app’s quick-view block where the app docs say → Save. Disable the second quick-view app while testing. In DevTools, confirm the dialog mounts and is not covered by chat / cookie / filter drawers. Generic App embeds failing across many apps is app-embed-not-loading. Cookie / consent banners that block storefront scripts are cookie-banner-blocking-checkout.

06

You tested sticky ATC, cart drawer, upsell popup, product image zoom, or PDP variant picker instead.

Sticky add-to-cart missing is shopify-sticky-add-to-cart-missing. Cart drawer not updating is cart-drawer-not-updating. Upsell / cross-sell popup not showing is shopify-upsell-popup-not-showing. Product image zoom / lightbox broken is shopify-product-image-zoom-broken. PDP variant picker not updating is variant-picker-not-updating. Older collection-preview modal-not-opening angle is quick-view-modal-not-opening.

The only honest test for this page: on a live collection, Quick view / Quick add / Quick shop is missing, dead, or opens with a stuck in-modal variant picker / add-to-cart — fixable with the theme product-card / quick-view setting on Current, bound collection card JS, one quick-view app path or native modal (not both fighting), a working variant / ATC form inside the modal, and no CSS / consent hide — not sticky ATC alone, not cart drawer alone, not upsell popup alone, not image zoom alone, not the full PDP variant picker alone. Capture section + card JS + app + in-modal variant path, fix the path. Anything else is a different product.

07

When to stay DIY vs pay $997.

Stay DIY if Quick view / Quick add is enabled on Current, one modal path works (native or one app), the in-modal variant picker / add-to-cart updates correctly, and the control works on a live collection. That is ordinary Shopify admin + theme work.

Pay $997 when the gap is wiring: lead capture, ops alerts, and a checkout-ready workflow on the stack you already pay for, installed in 72 hours after collaborator access lands. Latch does not sell an earnings, conversion, or quick-add lift number. Latch does not rebuild your theme’s collection cards as a design agency. One live store. Clock starts when collaborator access is in.

Buy the 72-hour install — $997Merchant FAQAll playbooks