Request for guidance on implementing a persistent “Add to basket” section on mobile product pages. The desired UI is a bottom-fixed bar showing the price and an always-visible add-to-basket button while scrolling.
Context: Cites examples from AO and Hart of Stur; screenshots attached to illustrate the mobile layout. Store: vibehome.co.uk. Tags indicate relevance to product-page and cart-page design within Shopify.
Technical note: This is commonly called a “sticky add to cart” (sticky footer bar) on mobile.
Status: No solutions or steps provided yet; no code, apps, or theme recommendations discussed. The thread remains open with the original poster seeking implementation advice (either via theme customization or an app). Images are central to understanding the requested UX, depicting the bottom-fixed CTA and price on mobile.
Hi Shopify forums,
I’ve noticed some big online websites like AO and Hart of Stur displaying a ’ Add to basket ’ section at the bottom of the page ( mobile device) so when your scrolling on a product page the ’ add to basket ’ button is always being displayed with price. ( Screen shot attached) Anyone know how to add this ?
