Reading fold lines on fashion product pages
How to mark the fold on desktop and mobile so gallery and price stack observations stay honest.
Fashion product pages often stack a tall gallery above price and size controls. When we annotate heat maps, the first dispute is usually where the fold actually sits.
Mark devices separately
Desktop folds on a 1440-pixel-wide monitor are meaningless for a shopper on a compact laptop. We mark at least two desktop heights and the primary mobile viewport named in the brief. Overlays without device labels invite false confidence.
Gallery length vs. price visibility
If click density clusters on the third gallery image while add-to-bag sits below a deep fold on mobile, the report should say so in plain language. Moving the purchase block higher is a merchandising decision; the heat map only shows that attention never reached it for many sessions.
What we write in the briefing
We prefer a short callout: “Mobile fold cuts the size guide; 62% of recorded scroll depth stopped before reviews.” Exact percentages appear only when the sample supports them. Thin traffic weeks get qualitative notes instead.