Playbook · Shopify Collage section blank
The Collage section is blank, missing, or incomplete.
Written for a Shopify DTC owner whose Collage section does not render correctly on the live storefront. Hold one URL and one published theme constant: prove the template, block data, image sources, Liquid output, and responsive rules before changing code. This is not a CDN-wide image outage or a whole-page blank. No earnings claims.
Nico at Latch AI Ops · Sep 16, 2026 · ~10 minute read
01
First, name the missing surface.
This page is for a Collage section: a mixed layout of image, text, and linked tiles on a homepage or landing template. If the wrapper is absent, only one tile is empty, or the editor shows blocks that the live URL does not, classify that boundary before editing. A repeated column layout belongs in Multicolumn not rendering; a paired image and copy block belongs in Image with text broken.
Record the exact URL, template suffix, expected tile count, image sources, heading, links, device, Market, theme name, and whether the section chrome is visible. One URL failing points to template or data; every URL failing points to the published theme, shared CSS, or an app conflict.
02
Prove the published template and block data, not only preview.
Open Online Store → Themes and inspect the published theme and exact template assigned to the live URL. Confirm the Collage section exists, is enabled, appears in the intended order, and has the expected blocks, links, image settings, and visibility conditions. Preview parameters can show a draft theme or block data that buyers never receive.
- Wrapper missing means wrong template, disabled section, or publish mismatch.
- Wrapper visible with empty tiles means block data, dynamic sources, or Liquid conditions.
- Desktop works but phone is blank means responsive visibility, overflow, or an app script.
- One template fails while another works means assignment or template JSON, not a global CDN issue.
03
Trace media sources, markup, and responsive rules in that order.
Verify each block's image, alt text, focal point, link, dynamic source, and crop in the published editor. Compare those values with view-source and the rendered HTML. No tile markup means a template or Liquid gate; empty attributes mean data; markup with hidden pixels means CSS, dimensions, or JavaScript.
Use DevTools only to classify the gate: check image request status, intrinsic dimensions, lazy-loading behavior, display, opacity, overflow, aspect ratio, z-index, and breakpoint rules. Test one plain image or text block at a time. Do not broadly replace the section or hide the failure with a screenshot.
04
Repair the smallest live path, then retest edge cases.
Restore the section on the correct published template, re-enable only the confirmed blocks, repair the dynamic source or image reference identified by evidence, and remove only the CSS or app conflict causing the failure. Preserve semantic headings, alt text, links, keyboard focus, and mobile order. Publish the smallest change.
Retest the same URL on desktop and phone, in a clean browser, after consent, and in a second Market. Confirm tile count, image requests, dimensions, alt text, heading hierarchy, links, contrast, canonical URL, and neighboring sections. Save before/after evidence so a future theme or app update is diagnosable.
05
When to stay DIY vs pay $997.
Stay DIY if one Collage section needs one controlled template, block, image, or CSS correction. Prove the live path, fix the smallest gate, publish, and retest. No agency is required and no conversion or revenue guarantee is implied.
Pay $997 one-time when the work is wiring the live Shopify stack you already use: lead capture, ops alerts, and a checkout-ready workflow. Nico at Latch AI Ops installs it on one live store in 72 hours after collaborator access is in. You are buying the install, not more orders or an earnings claim.