Bestsellers Rail

About this block

Bestsellers Rail is the horizontal product strip done with CSS only, snap scrolling, rank discs on the images, units sold under every name, and not one carousel script. The header line sets the contract, scroll sideways, the rank is real.

Products are one array. Rank discs are corner badges, not floating cards, anchored inside the image bounds per the collection's overlay rules.

When to use

Reach for this block on home pages between full width sections, the horizontal rhythm break that previews the catalog. Seven items is right, a rail longer than ten is a grid hiding from commitment.

A natural flow around it on an Ecommerce Pro page:

Before

• Store hero or a category band

After

• Reviews or incentives

What you can display

One strong use is the ranked bestseller strip. Other rails:

• New in rail. Dated instead of ranked.
• Back in stock rail. The recently returned, with queue counts they cleared.
• Under $50 rail. The gift price band as a strip.

Tip: units sold under each card is what makes a bestseller rail believable, rank without volume is merchandising wearing a medal.