Supra Tabs & AccordionsYour product page is one long wall of text.
Care instructions, shipping notes, ingredients, compatibility, compliance copy — all of it stacked under Add to cart, all of it scrolled past. Supra Tabs & Accordions turns it into tabs on desktop and accordions on mobile, across your whole catalog, from one screen.
Works with your existing content. No theme code after the first block.
Clean up cluttered product pages
Long product copy is not a writing problem, it is a layout problem. Everything you have already written stays — it just stops arriving all at once. Shoppers see a short row of labels and open the one they came for, and the rest of your page moves back up where it can be read.
- Group existing copy into named tabs in minutes
- Empty tabs hide themselves, per product
- Panels are real, headed sections underneath — good for search engines and screen readers
Use metafields and rich content together
One tab set can mix sources. The first tab shows each product’s own description, the second pulls a per-product metafield so every product says something different, the third pulls a Shipping page you already wrote once, and the fourth is copy you type in. Pick from a list — there is no template language to learn and no code to write.
Tabs on desktop, accordions on mobile
The same content, laid out for the space it actually has. We measure the column your product page gives us — not the size of the screen — so a narrow column gets accordions even on a large monitor, and a wide section gets tabs. Tap targets stay comfortable, and motion is dropped for anyone who asks their device to reduce it.
- Four ways to handle more tabs than fit, so nine tabs in a narrow column still works
- Full keyboard support, correct roles, and a link can open a specific tab
- Twelve looks to choose from — every one inherits your theme by default
Configure once in admin
Content and targeting live on the same screen, because they are the same decision. Say what the tabs are, say which products they are for — a collection, a tag, a vendor, a product type, or specific products — and see a live preview of exactly what a shopper would get on any product you pick.
- One screen per tab set, never split across pages
- A running count of how many products a set covers
- Overlaps are flagged, and we tell you which set wins
How it works
Build a tab set
Add a tab for each thing you want to say, and point each one at content you already have.
Choose what it applies to
A collection, a tag, a vendor, a product type, or specific products. One set can cover your whole catalog.
Add the block once
Drop the Supra Tabs & Accordions block onto your product template. That is the last time you open your theme.
100% free
Every feature, every tab set, every product. No trial, no tiers, no card.
Add to ShopifyQuestions
Do I need to edit my theme?
You add one block to your product template, once. After that everything is managed in the app — new tabs, new content, new products, all without touching theme code again.
Do I have to set this up for every product?
No. That is the point. A tab set points at a collection, a tag, a vendor or a product type, so one set can cover your whole catalog. Add a product to that collection tomorrow and it is covered immediately.
What if a product has nothing to put in a tab?
The tab disappears for that product. A product with no ingredients does not show an empty Ingredients tab, which is what makes a single set safe to apply across thousands of products.
Will it match my theme?
By default it inherits your theme’s fonts, colours and text sizes, so it reads as part of the page rather than something bolted on. You can set your own colours if you want to, but nothing is imposed.
What happens if I have a lot of tabs?
Product columns are narrow, so you choose what should happen when tabs do not fit: scroll sideways, tuck the extras behind a More button, wrap onto rows, or switch to stacked sections. You can preview all of it before it goes live.
Do I have to write any code?
No. You pick where each tab’s content comes from — the product description, a page you already wrote, a per-product metafield, a file, or text you type in — from a list. There is no template language to learn.
Give your product copy somewhere to go.
Set it up once. It keeps applying itself.
Add to Shopify