Tabbed tables

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

Written By Floris de Vries

Last updated About 2 hours 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.