SScale Themedocs
FR

Complete guide to configuring the Scale Theme product page: layout, blocks, bundles, and conversion techniques.

Optimize your product page for conversion

The product page is the most important page in your store. It's where the buying decision happens. A well-configured product page can double your conversion rate. This guide shows you how to leverage every Scale Theme option to maximize your sales.

The optimal structure

A product page that converts follows a precise psychological order:

ABOVE THE FOLD (visible without scrolling)
├── Image gallery              → Show the product
├── Title + Price              → Identify the product
├── Stars / Rating             → Build trust
├── Variant selector           → Choose
├── "Add to cart" button       → ACT

BELOW THE FOLD (on scroll)
├── Trust Badges               → Reassure
├── Delivery estimation        → Reduce uncertainty
├── Description (tabs)         → Inform
├── Social Proof Avatars       → Confirm the choice
├── Timer / Stock              → Create urgency
└── Recommended products       → Increase cart value

Step 1: The layout

2 columns vs 3 columns

LayoutWhen to use
2 columns (60/40)Visual products: fashion, beauty, decor. Gallery dominates.
2 columns (50/50)Products with bundles/complex options. Balanced media/info.
3 columns (40/35/25)Technical products with detailed specs. 3rd column = sidebar.

For most stores, 2 columns 60/40 is the best choice.

StyleDescriptionRecommended for
ThumbnailsThumbnails below or besideFashion, jewelry (precise navigation)
StackedImages stacked verticallyProducts with few images (2-4)
GridImage gridProducts with many images (6+)
SliderHorizontal sliderMobile-first, clean interfaces

Recommended configuration:

  • Style: Thumbnails (most versatile)
  • Ratio: Adapt (respects original photo ratio)
  • Zoom: On (customers want to see details)
  • Lightbox: On (full-screen view)

Step 2: Essential blocks

Blocks are in the right column (or center column in 3-column layout). The order you place them is critical for conversion.

1.  Stars
2.  Title
3.  Price
4.  Divider
5.  Variant Options
6.  Bundle (if applicable)
7.  Quantity Selector
8.  Buy Buttons
9.  Trust Badges
10. Delivery Estimation
11. Divider
12. Social Proof Avatars
13. Stock Indicator
14. Divider
15. Product Tabs or Collapsible Rows

Stars block

Place stars above the title. It's the first thing visitors see in the right column, and it immediately creates trust.

positioned just above the product title)

Trust Badges block

Place trust badges just below the buy button. The visitor just saw the price and button — reassure them before they hesitate.

positioned just under the buy buttons)

Delivery Estimation block

Delivery estimation reduces the biggest source of uncertainty for online buyers: "When will I receive my product?"

Social Proof Avatars block

This block displays stacked avatars with a message like "Marie and 1,500+ others love this product". It's powerful social proof.

Step 3: Create urgency (optional)

Urgency drives immediate action. Use it sparingly and honestly.

Stock Indicator

The Stock block shows how many units remain in stock. When stock is low, it creates natural urgency.

Countdown Timer

The Timer block adds a countdown on the product page. Ideal for flash sales and limited promotions.

⚠️Don't use fake evergreen timers on the product page if your customer can return and see the timer restart. Reserve evergreen for popups and homepage sections. On the product page, use a real promotion end date.

Step 4: Bundles

Bundles are the secret weapon for increasing average order value. If your product lends itself to it, add a bundle block.

Which bundle to choose?

Product typeRecommended bundleExample
Consumable (cream, supplement)Quantity"Buy 2, -10% / 3, -15%"
With sizes (S/M/L/XL)VariantEach size = a tier
Complementary rangePack"The complete routine"
Wide rangeMix & Match"Build your box"
Launch / PromoBOGO"Buy 1, get 1 free"

Step 5: Secondary information

Below conversion elements, place detailed information customers consult before buying.

Product Tabs

Tabs organize information without cluttering the page.

Recommended setup:

  • Tab 1: Description (auto-filled from product)
  • Tab 2: Ingredients / Specifications
  • Tab 3: Shipping & Returns
  • Tab 4: Size Chart (if applicable)

Step 6: Sticky Add to Cart

The sticky ATC bar appears when visitors scroll past the main buy button. It stays fixed at the top or bottom of the screen.

Configurations by store type

Fashion

  • Layout: 2 columns 60/40, Thumbnails gallery, Color swatches + Size buttons
  • Blocks: Stars > Title > Price > Variants > Size Chart > Buy > Trust > Delivery > Tabs

Beauty / Cosmetics

  • Layout: 2 columns 50/50, Grid gallery
  • Blocks: Stars > Title > Price > Bundle Quantity (1, 3, 6 months) > Buy > Trust (bio, vegan) > Delivery > Social Proof > Tabs

Electronics / Tech

  • Layout: 3 columns (sidebar = quick specs), Grid gallery
  • Blocks: Stars > Title > Price > Variants > Buy > Trust (2yr warranty) > Delivery > Tabs (Specs | Contents | FAQ)

Food / Supplements

  • Layout: 2 columns 50/50
  • Blocks: Stars > Title > Price > Bundle Quantity (1 month, 3 months, 6 months) > Buy > Trust (organic, certified) > Delivery > Social Proof > Tabs

Product page checklist

  • [ ] Title and price are visible above the fold
  • [ ] "Add to cart" button is visible without scrolling (desktop)
  • [ ] Trust badges are placed just below the buy button
  • [ ] Delivery estimation is filled with real timeframes
  • [ ] Images are high quality (min 1000x1000)
  • [ ] Mobile images are tested (no problematic cropping)
  • [ ] Variants are easy to select (swatches for colors)
  • [ ] Description is organized in tabs or accordions
  • [ ] Sticky ATC is enabled
  • [ ] Cart opens automatically after adding
PreviousBuild your homepageNextCreate a flash sale