Complete guide to the 30+ blocks available on the Scale Theme product page: essentials, conversion, bundles, content, and media.
Product Blocks
The Scale Theme product page has over 30 blocks that you can add, reorder, and configure freely in the Shopify editor. This guide covers each block by category.
Essential blocks
These blocks form the core of your product listing. They are essential for customers to identify, understand, and purchase the product.
Title
Displays the product title. The heading level (H1, H2, H3) is configurable.
| Setting | Description | Options |
|---|---|---|
| Heading tag | HTML heading level | H1 / H2 / H3 |
| Size | Typographic size | Small / Medium / Large / XL |
Price
Displays the product price along with the compare-at price (strikethrough), discount percentage, and promo badges.
| Setting | Description | Options |
|---|---|---|
| Show compare-at price | Show the old strikethrough price | Yes / No |
| Discount badge | Display the % or amount saved | Percentage / Amount / None |
Description
Displays the product description as entered in the Shopify admin. HTML content is supported (bold, lists, links).
| Setting | Description | Options |
|---|---|---|
| Truncate | Limit height with a "Show more" button | Yes / No |
| Max height | Height before truncation | 100px - 500px |
Variant Option
Product variant selector with 5 different display types. This is one of the most configurable blocks.
| Setting | Description | Options |
|---|---|---|
| Picker type | Option display style | Radio / Swatch / Button / Dropdown / Image |
| Swatch size | Color swatch dimensions | Small / Medium / Large |
| Swatch shape | Swatch shape | Circle / Square / Rounded |
| Source | Option detection | Auto / Custom option name |
For a detailed guide, see the Variant Options page.
Quantity Selector
Quantity selector with +/- buttons and an input field.
| Setting | Description | Options |
|---|---|---|
| Minimum quantity | Minimum allowed value | 1+ |
| Maximum quantity | Maximum allowed value | Unlimited or fixed |
Buy Buttons
The most important block: the add-to-cart button and the express purchase button (Buy Now / Shopify Pay).
| Setting | Description | Options |
|---|---|---|
| Show Buy Now | Direct purchase button (Shopify Payments) | Yes / No |
| Show dynamic payment methods | Apple Pay, Google Pay, etc. | Yes / No |
| Button style | ATC button visual style | Style 1 / Style 2 / Style 3 |
| Button text | Custom button text | Free text |
| Full width | Full-width button | Yes / No |
Conversion blocks
These blocks speed up the purchase decision by creating urgency, trust, and transparency.
Coupon
Displays a promo code that can be copied with a single click. The customer can copy the code and apply it at checkout.
| Setting | Description | Options |
|---|---|---|
| Promo code | The code to display | Free text |
| Label | Text above the code | Free text |
| Style | Block appearance | Inline / Card |
Timer
Promotional countdown timer that creates urgency. Supports several operating modes.
| Setting | Description | Options |
|---|---|---|
| End date | Countdown end date and time | Date picker |
| Mode | Timer type | Fixed date / Evergreen / Session |
| Message | Text accompanying the timer | Free text |
| Style | Visual appearance | Compact / Card / Badge |
| Hide after expiry | Hide the block when the timer reaches zero | Yes / No |
Stock
Stock level indicator that creates a sense of urgency when inventory is low.
| Setting | Description | Options |
|---|---|---|
| Alert threshold | Stock level that triggers the urgency display | 1 - 50 |
| Style | Display mode | Text / Bar / Badge |
| Dynamic color | Changes color based on the level | Yes (green > orange > red) / No |
| Low stock message | Text when stock is low | Free text ("Only X left in stock!") |
| Hide if in stock | Only show when stock is low | Yes / No |
Delivery Estimation
Estimated delivery date based on configurable rules.
| Setting | Description | Options |
|---|---|---|
| Minimum days | Minimum delay in days | 1 - 30 |
| Maximum days | Maximum delay in days | 1 - 30 |
| Icon | Icon accompanying the text | Truck / Package / Plane |
| Format | Displayed date format | Relative ("in 3-5 days") / Absolute ("February 28") |
Trust Badges
Trust badges to reassure the customer. Configurable with custom icons and text.
| Setting | Description | Options |
|---|---|---|
| Icon | Badge icon | 20+ icons available |
| Text | Badge label | Free text |
| Style | Appearance | Inline / Card / Icon only |
| Number of badges | Up to 4 badges per block | 1 - 4 |
Stars
Displays the product's star rating. Connects to your review system (metafields or app).
| Setting | Description | Options |
|---|---|---|
| Source | Data origin | Metafield / Static |
| Static rating | Fixed rating if no metafield | 1 - 5 |
| Show review count | Number of reviews next to the stars | Yes / No |
Reviews Carousel
Customer reviews carousel directly on the product page. Displays testimonials with rating, text, and author.
| Setting | Description | Options |
|---|---|---|
| Source | Review origin | Metafields / Manual blocks |
| Number of reviews | Reviews displayed | 3 - 10 |
| Autoplay | Automatic scrolling | Yes / No |
| Speed | Interval between slides | 3s - 8s |
Social Proof Avatars
Displays a group of avatars with a message like "X people are viewing this product." Creates a popularity effect.
| Setting | Description | Options |
|---|---|---|
| Number of viewers | Displayed number (or random range) | 1 - 100 |
| Message | Customizable text | Free text |
| Avatars | Avatar style | Generic / Custom |
| Animation | Periodic number update | Yes / No |
Bundle blocks
The 5 bundle types help increase average order value with grouped offers. Each bundle works as a standalone block on the product page.
Bundle Quantity
The customer buys multiple units of the same product with tiered discounts.
| Setting | Description | Options |
|---|---|---|
| Tiers | Quantity tiers and discounts | E.g.: 2 = -10%, 3 = -15%, 4 = -20% |
| Style | Tier display | Cards / Radio / Tabs |
| Badge | Badge on the recommended tier | "Most popular", "Best value", etc. |
| Savings | Show savings per tier | Yes / No |
, Buy 3 = $69 (-20%) with tier 2 highlighted)
Bundle Variant
Each product variant corresponds to a bundle tier with a specific price.
| Setting | Description | Options |
|---|---|---|
| Variant mapping | Variant = tier association | Configuration per variant |
| Style | Display | Cards / List |
Bundle BOGO
Buy One Get One: the customer buys a product and receives a second one free or at a reduced price.
| Setting | Description | Options |
|---|---|---|
| Condition | Quantity to purchase | 1 - 10 |
| Offer | Free quantity | 1 - 10 |
| Discount | Discount on the free product | Free / % / Fixed amount |
| Offered product | Same product or different | Auto / Specific product |
Bundle Pack
Multi-product pack: the customer creates a set of different products at a reduced price.
| Setting | Description | Options |
|---|---|---|
| Products | Product list for the pack | Product selection |
| Discount | Discount type | % / Fixed amount / Fixed pack price |
| Variant selection | Customer can choose variants | Yes / No |
| Show products | Product thumbnails in the pack | Yes / No |
Bundle Mix & Match
The customer builds their own bundle by choosing from a selection of products.
| Setting | Description | Options |
|---|---|---|
| Source collection | Collection of eligible products | Collection selection |
| Minimum quantity | Minimum number of products | 2 - 10 |
| Maximum quantity | Maximum number of products | 2 - 20 |
| Discount | Quantity-based discount | Configurable tiered pricing |
| Selectors | Variant selection type | Dropdown / Swatch / Button |
Content and information blocks
These blocks let you enrich the product listing with detailed information without visually overloading the page.
Collapsible Row
Collapsible row (accordion) to organize information into expandable sections. Ideal for FAQ, technical details, and return policies.
| Setting | Description | Options |
|---|---|---|
| Title | Row title | Free text |
| Content | Accordion body | Richtext / Page |
| Icon | Icon before the title | 20+ icons |
| Open by default | Expand automatically | Yes / No |
Product Tabs
Information tabs to organize content into horizontal sections. Better suited than accordions when the content is substantial.
| Setting | Description | Options |
|---|---|---|
| Tab titles | Label for each tab | Free text |
| Content | Body of each tab | Richtext / Page / Metafield |
| Style | Tab appearance | Underline / Pills / Boxed |
Shipping Info
Structured shipping information with icons and details for each shipping method.
| Setting | Description | Options |
|---|---|---|
| Methods | List of shipping methods | Up to 5 methods |
| Icon | Icon per method | Customizable |
| Delay | Estimate per method | Free text |
| Price | Cost per method | Free text |
Size Chart
Button that opens a size guide in a modal. Supports rich content or a dedicated page.
| Setting | Description | Options |
|---|---|---|
| Button text | Trigger label | Free text |
| Icon | Icon next to the text | Ruler / Size / Custom |
| Content source | Guide origin | Richtext / Shopify page |
For a detailed guide, see the Size Chart page.
Info Banner
Contextual information banner to highlight an important message (promotion, shipping info, alert).
| Setting | Description | Options |
|---|---|---|
| Text | Banner message | Free text |
| Icon | Accompanying icon | 20+ icons |
| Style | Banner type | Info / Success / Warning / Promo |
| Link | Optional URL | URL |
Icon List
List of items with icon and text. Ideal for listing product features or benefits.
| Setting | Description | Options |
|---|---|---|
| Items | Up to 6 items with icon + text | Icon + Text per item |
| Layout | Arrangement | Vertical / Horizontal / Grid |
| Icon size | Icon dimensions | Small / Medium / Large |
Text
Free text block to add any additional content.
| Setting | Description | Options |
|---|---|---|
| Content | Rich text | Richtext |
| Size | Text size | Small / Medium / Large |
Divider
Visual separator between blocks. Simple line or space.
| Setting | Description | Options |
|---|---|---|
| Style | Separator type | Line / Space / Dotted |
| Thickness | Line thickness | Thin / Medium / Thick |
| Color | Separator color | Color (inherit by default) |
Media blocks
Media
Displays an additional image in the product information column. Useful for badges, diagrams, or supplementary illustrations.
| Setting | Description | Options |
|---|---|---|
| Image | Image to display | Image picker |
| Ratio | Image proportions | Adapt / Square / 16:9 |
| Link | Optional click URL | URL |
Video Carousel
Product video carousel that lets you embed multiple videos (YouTube, Vimeo, or hosted files).
| Setting | Description | Options |
|---|---|---|
| Videos | Video sources | URLs or files |
| Autoplay | Automatic playback (muted) | Yes / No |
| Ratio | Player proportions | 16:9 / 4:3 / 1:1 |
For a detailed guide, see the Video & 3D page.
Addon and extra blocks
Product Addon
Lets you add a complementary product (protection, warranty, accessory) directly from the product page. The addon product is added to the cart at the same time as the main product.
| Setting | Description | Options |
|---|---|---|
| Product | Addon product to offer | Product picker |
| Pre-checked | Addon checked by default | Yes / No |
| Label | Custom text | Free text |
| Show price | Display the addon price | Yes / No |
Free Product
Offers a free product under certain conditions (minimum amount, specific product in the cart).
| Setting | Description | Options |
|---|---|---|
| Free product | Product offered | Product picker |
| Condition | Unlock condition | Always / Minimum amount |
| Message | Explanatory text | Free text |
Share
Social media sharing buttons.
| Setting | Description | Options |
|---|---|---|
| Networks | Displayed networks | Facebook / X / Pinterest / Email / Copy link |
| Style | Button appearance | Icons / Buttons / Text |
Pickup Availability
Displays pickup availability (Shopify native). Requires the pickup feature to be enabled in Shopify.
Custom Liquid
Custom Liquid code block. Lets you inject any dynamic content.
| Setting | Description | Options |
|---|---|---|
| Liquid code | Liquid code to execute | Code editor |
App
Shopify app block. Allows third-party apps to inject their content into the product page.
Recommended block order
Here is a conversion-optimized block order:
| Position | Block | Reason |
|---|---|---|
| 1 | Title | Immediate identification |
| 2 | Stars | Instant social proof |
| 3 | Price | Crucial information |
| 4 | Variant Option | Product selection |
| 5 | Bundle (if applicable) | Increase average order value |
| 6 | Quantity Selector | Before purchase |
| 7 | Buy Buttons | Primary action |
| 8 | Trust Badges | Reassurance after the CTA |
| 9 | Delivery Estimation | Transparency |
| 10 | Stock | Urgency |
| 11 | Coupon | Extra incentive |
| 12 | Collapsible Rows | Secondary information |