Tabs
Last updated
Last updated
The Tabs block provides a flexible way to display product information using multiple rich text tabs. This block is ideal for organizing content such as product details, sizing charts, and care instructions into accessible tabs on the product page.
Show description
checkbox
Toggles the default product description as the first tab.
Show read more button
checkbox
Enables a 'Read more' button to expand longer text in the description tab.
Tab heading (1-5)
text
Title for each tab. Defaults provided for Tab 1 ('Tab') and Tab 2 ('Info'), others are blank and optional.
Tab text (1-5)
richtext
Rich text content for each corresponding tab. Accepts HTML elements such as <strong>
, <a>
, etc., for formatting and linking.
Padding
Bottom
range
Adds vertical spacing beneath the block.
Up to 5 custom tabs can be added.
Great for organizing supplementary product details to improve the customer shopping experience.
Tabs 3–5 are optional and can be left blank if not needed.
Consider using metafields in conjunction with this block to dynamically populate tab content per product.