Shopify Product Pages on Mobile: What Belongs Above the Add to Cart Button
November 5, 2026
On mobile, the space before the add to cart button should carry price, variant choice, the one deciding specification, delivery timing, and pickup or shipping clarity. Everything else, the story, the full specification table, the reviews, earns its place below. Pages that reverse that order tax every buyer for the sake of the few who read everything.
The five facts, in buyer order
Baymard's product page research keeps landing on the same failure: key information placed where mobile users never scroll to it. Buyers decide on a short list. Price including the variant they actually selected. The variant picker itself, with unavailable options visibly marked instead of silently missing. The single specification that decides the category, size for apparel, compatibility for parts, capacity for containers.
Then logistics, because delivery timing kills more checkouts than price does. An estimated delivery range and pickup availability, when offered, belong in the buy box area on mobile. A buyer who has to open an accordion titled shipping to learn the item arrives in three weeks will learn it in the cart instead, or not at all.
What to demote without deleting
Full specification tables, long brand stories, and detailed care or setup instructions matter, just later. Accordions below the buy section are the right home, closed by default on mobile so the page length does not intimidate, and openable without a page reload. Reviews belong below too, but the rating summary, stars and count, should sit near the title where it does its trust work.
The common mistake is treating demotion as disrespect. Moving a beautifully written story below the fold loses almost no readers who wanted it, they scroll, and gains every buyer who needed a delivery date more than a paragraph.
Sticky add to cart: helpful, with one condition
A sticky add to cart bar on mobile keeps the action reachable through long pages, and most current themes offer it. The condition is that it must carry the price and reflect the selected variant. A sticky bar showing the base price while the buyer selected a larger, pricier variant manufactures a checkout surprise, which is worse than no bar at all.
Test the sticky bar against your longest product page and your tallest variant picker. Bars that cover the last option in a variant list, or sit on top of the pickup block, trade one friction for another. Spacing bugs like that only show up on a real phone with a real product, which is exactly why demo testing misses them.
Keep reading: Add a Size Chart to Shopify Product Pages Without an App, Adding a Gift Message Field to a Shopify Cart Without an App, and Add a Backorder Notice on a Shopify Product Page That Buyers Actually Read cover the nearby cases in this series.
Frequently asked questions
What is the most important thing above the fold on a mobile product page?
The variant specific price and a working variant picker with unavailable options clearly marked. Buyers forgive a lot of layout sins, but a price that changes silently at checkout, or a size that cannot be selected, ends the visit.
Should reviews be above the add to cart button?
The summary should, the full reviews should not. Stars and review count near the title give the trust signal in one glance. The review list itself is long content that belongs below the buy section where interested buyers will find it.
Do accordions hurt product information findability?
Closed accordions for secondary detail are a net win on mobile because they shorten the page while keeping the information one tap away. The failure mode is hiding deciding information, like delivery timing or the key specification, inside them.
Is a sticky add to cart bar worth it?
Usually yes on mobile, provided it shows the correct variant price and does not cover page content. Test it on your longest page on a real phone before deciding, because the failure modes are spacing problems you cannot see on desktop.