Playbook · Shopify before/after slider broken

The comparison frame mounts. The scrub does not reveal.

Written for a Shopify owner whose before/after slider is broken — comparison / image-comparison chrome is visible, but the drag handle sticks, the after image never reveals, clip-path / mask fails, or touch/mouse never binds — or you chased a stuck marquee, blank video section, broken zoom gallery, or CDN image 404 instead. DIY-first: prove handle/JS vs clip/mask vs emptied images vs touch → repair → retest. Distinct from marquee text not scrolling and video section blank. Soft-link zoom gallery broken when product zoom / lightbox fails. Soft-link CDN images broken when theme / product assets 404. No earnings claims, no invented case studies.

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

Buy the 72-hour install — $997Marquee stuckVideo blankMerchant FAQ

01

Before/after slider broken — not marquee, not video blank.

Several “image motion / reveal” bugs look alike. They do not share a fix. This page is only when a before/after comparison slider mounts but the scrub sticks or the after image never reveals. Marquee / scrolling ticker stuck is shopify-marquee-text-not-scrolling. Theme video / hero video empty is shopify-video-section-blank.

Soft-check shopify-zoom-gallery-broken when product zoom / lightbox fails, and soft-link shopify-cdn-images-broken when theme / product CDN assets 404 — not when comparison chrome is visible and the scrub simply will not reveal.

02

Prove handle/JS vs clip/mask vs emptied images vs touch.

On Current theme (not a draft), open the PDP / landing / lookbook page where the before/after slider should scrub in incognito. Confirm frame + handle + both image slots mount. Soft-check emptied before image / after image section settings or metafields. Soft-check JS comparison library console errors / not initializing. Soft-check pointer-events: none on an overlay, CSS width collapse so clip has no travel, or broken clip-path / object-fit. Soft-check mobile touch handlers missing while mouse works (or reverse). Soft-check duplicate before/after apps fighting. Soft-check lazy-load swapping the wrong layer mid-scrub.

Capture: page URL + section/block name, stuck-slider screenshot on desktop and phone, before/after image source screenshots, computed clip/mask styles, console errors, touch vs mouse notes, and duplicate comparison embeds on Current.

03

Repair images / JS / clip / touch; retest scrub.

Restore before and after image sources. Clear JS init errors. Fix clip-path / mask / width so the handle has travel distance. Enable touch + mouse handlers. Disable duplicate comparison apps one at a time. Soft-check lazy-load not swapping layers mid-scrub. Publish Current, hard-refresh desktop and phone.

Honest retest: drag/scrub reveals the after image smoothly — not stuck chrome, not empty after slot, not only one viewport broken. Soft-link shopify-marquee-text-not-scrolling when the ticker stays stuck. Soft-link shopify-video-section-blank when the video frame is empty. Soft-link shopify-zoom-gallery-broken when zoom / lightbox fails.

04

You tested marquee, video blank, zoom, or CDN images instead.

Marquee / scrolling ticker stuck is shopify-marquee-text-not-scrolling. Theme video / hero video empty is shopify-video-section-blank. Product zoom / gallery zoom fail is shopify-zoom-gallery-broken. Theme / product CDN images 404 is shopify-cdn-images-broken.

The only honest test for this page: a before/after comparison slider mounts, but the scrub sticks or the after image never reveals — while the marquee / video / zoom / CDN paths may still work.

05

When to stay DIY vs pay $997.

Stay DIY if you can spend one afternoon on the list above: prove handle/JS vs clip/mask vs emptied images vs touch, soft-check apps, repair, retest. That is the whole playbook. No agency required. Short answers also live on the merchant FAQ. Related pages: marquee text not scrolling, video section blank, zoom gallery broken.

Pay for help when the work is not the stuck comparison slider itself — it is connecting the stack you already have so storefront / theme / comparison-slider exception alerts 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, a forever before/after scrub guarantee, 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.