Everything you need to know about the Scale Theme product page: flexible layout, configurable columns, 30+ blocks, and sticky ATC bar.
Product Page
The Scale Theme product page is designed to maximize conversion. Its flexible layout, 30+ blocks, and sticky ATC bar make it one of the most complete and customizable product pages on the market.
Flexible layout
The product page features a fully configurable column system that adapts to all product types.
2 or 3 columns
| Layout | Description | Best for |
|---|---|---|
| 2 columns | Media on the left, information on the right | Classic products, fashion, beauty |
| 3 columns | Media + info + additional sidebar | Technical products with many options |
and the 3-column layout (40/35/25) on the same product page)
Column widths
Each column has a configurable width as a percentage. You can adjust the distribution to suit your needs:
| Preset | Column 1 (Media) | Column 2 (Info) | Column 3 (Extra) |
|---|---|---|---|
| Balanced | 50% | 50% | - |
| Wide media | 60% | 40% | - |
| 3 columns | 40% | 35% | 25% |
| Custom | Free | Free | Free |
Sticky column
The right column (product information) is sticky by default: it stays visible as the user scrolls through the image gallery.
| Setting | Description |
|---|---|
| Enable sticky | Enable/disable the sticky behavior of the right column |
| Offset | Top margin when the column is sticky (to prevent it from touching the header) |
30+ available blocks
The product page has over 30 blocks that you can add, reorder, and configure freely. They are organized by category:
| Category | Blocks | Purpose |
|---|---|---|
| Essentials | Title, Price, Description, Variant Option, Quantity Selector, Buy Buttons | The core of the product listing |
| Conversion | Timer, Stock, Delivery Estimation, Trust Badges, Social Proof Avatars, Coupon | Speed up the purchase decision |
| Bundles | Quantity, Variant, BOGO, Pack, Mix & Match | Increase average order value |
| Reviews | Stars, Reviews Carousel | Social proof |
| Information | Collapsible Row, Product Tabs, Shipping Info, Size Chart, Info Banner | Answer customer questions |
| Media | Media, Video Carousel, Divider | Enrich the visual experience |
| Addons | Product Addon, Free Product | Additional products |
| Other | Text, Share, Icon List, Pickup Availability, Custom Liquid, App | Advanced customization |
For a detailed guide on each block, see the Product Blocks page.
Sticky ATC bar
An add-to-cart bar automatically appears when the user scrolls past the main ATC button. It stays fixed at the top or bottom of the screen so the customer can buy at any time.
| Setting | Options |
|---|---|
| Position | Top / Bottom of the screen |
| Style | Compact / Full |
| Content | Product image, title, price, variant selector, ATC button |
For full documentation, see the Sticky Add to Cart page.
Color palette
Like all theme sections, the product page supports color palettes (color schemes). You can apply a different palette to the product section to set it apart from the rest of the page.
| Setting | Description |
|---|---|
| Color palette | Select from the palettes defined in your theme settings |
| Background palette | Applies to the entire section |
Main settings
Layout and display
| Setting | Description | Options |
|---|---|---|
| Number of columns | Page layout | 2 or 3 columns |
| Column 1 width | First column percentage | 30% to 70% |
| Column 2 width | Second column percentage | 30% to 70% |
| Column 3 width | Percentage if 3 columns | 20% to 40% |
| Sticky column | Fix the right column | Yes / No |
| Content width | Section container | Normal / Wide / Full screen |
Media gallery
| Setting | Description | Options |
|---|---|---|
| Media position | Gallery side | Left / Right |
| Gallery style | Image presentation | Grid / Slider / Stacked / Thumbnails |
| Image ratio | Image proportions | Adapt / Square / Portrait / Landscape |
| Zoom | Enable zoom on click/hover | Yes / No |
| Lightbox | Open in fullscreen | Yes / No |
Use cases
Fashion product (clothing)
- 2-column layout (60/40)
- Thumbnails gallery to navigate between visuals
- Blocks: Title, Price, Variant Option (color swatches + size buttons), Size Chart, Buy Buttons, Trust Badges, Reviews Carousel
Technical product (electronics)
- 3-column layout (40/35/25)
- Grid gallery to see all angles
- Blocks: Title, Price, Description, Variant Option, Product Tabs (technical specs), Buy Buttons, Shipping Info, Trust Badges
Product with bundles
- 2-column layout (50/50)
- Blocks: Title, Price, Bundle Quantity or Mix & Match, Buy Buttons, Timer, Stock, Trust Badges