Building with Multiple Tab Components

Last updated: October 30, 2024

Before adding items to your customer's cart, you may want your visitors to select multiple options - such as a product's color and size. Simultaneously, you may want to display specific information that depends on the selected options to enhance the shopping experience. This can be achieved by nesting a Tabs Block component within another Tabs Block.

Nesting multiple Tabs Blocks

  1. Drag and Drop a Tabs Block into the canvas

  2. Within the Tab content container, drag and drop another Tabs Block component. Make sure that the number of nested Tabs components matches the number of items in your main Tab Menu. For example, if your main Tab Menu has two items, you should add two Tabs components within the Tab Content area—one for each Tab Menu item.

If you need any further help please reach out to Replo support.