Skip to main content
Table types

Tabbed tables

Organize text, tables, and images behind tabs on the product page.

Written By Floris de Vries

Last updated 20 days ago

Tabbed tables organize content behind tabs — care instructions, shipping info, specs tables, images, and more.

Tabbed tables example from the app

Structure

  1. Create tabs (each tab is a group).

  2. Add modules inside a tab: rich text, data table, image, and product information modules.

  3. Reorder tabs and modules by dragging.

Design

  • Tab styles (pills, underline, segmented)

  • Active / idle colors

  • Content panel and nested table styling

Storefront placement

  1. Add the Tabbed tables app block to your theme.

  2. In the block settings, select the specific Tabbed table you want to show.

Still need help? Ask the team