Free Shopify product page sections
Free Liquid sections for Shopify product pages: comparison sliders, tabs, sticky add to cart and more, with live demos and copy-paste code.
In short
Product page sections sit around the buy box and answer the questions a shopper has before adding to cart: how it compares, what it is made of, how it ships. They work on product templates and, where useful, on any page with a product picker.
- 3 sections in this category, free to use in any store (MIT license)
Product page
Before / after slider
Two photos in one frame with a draggable divider, so shoppers can compare before and after. Keyboard and screen reader friendly, with separate mobile images.
Product page
Product tabs
Up to 6 product info tabs from your own text, the product description, a page or a metafield. Tabs on desktop, accordion on mobile.
Product page
Sticky add to cart
Add to cart bar fixed to the bottom or top of the screen that appears once the main buy button scrolls away, with variant select and quantity.
