Turn collection products into ranked tabs
Create product ranking tabs inside collection pages. Highlight best sellers, seasonal picks, and sale items with badges.
Configure in Theme Editor, publish, and you’re done.
How it works
Add the TopRank Tabs block in the theme editor, choose collections for each tab, and publish.
Ranking tabs (2–4)
Turn collections into categories. Rename tab labels to match your store.
Each tab uses one selected collection. No manual product picking.
Badges & rank styles
Show rank badges with flexible text (supports {rank}) and per-rank colors.
Pick styles, set max rank (0–30), customize colors for #1/#2/#3/#4+.
Layout controls
Choose Columns or Slide. Control columns, items, and image ratio for a consistent grid.
Columns: 1–12 columns, 1–30 items/column (up to 30 total).
What shoppers see
Tabs switch product groups on the collection page. The ranking follows each collection’s order.
Setup (2 minutes)
Pricing
Simple monthly pricing with a free trial.
- Storefront display (billing‑linked)
- All layout & badge settings
- Multi-language admin UI
* The block makes no storefront network requests (communication‑zero design).
Products don’t show up
Check the selected collections, product availability, excluded tags, and stock exclusion setting.
Does it change my collection order?
No. The storefront ranking follows the existing collection order.
Can tabs be renamed?
Yes. Tab labels are fully editable.
Can I preview before paying?
If inactive, storefront output is hidden by default, but you can preview in theme editor (design mode).
Can I cancel anytime?
Yes. You can cancel via Shopify billing at any time.