Tab Element

The Tab element allows you to organize multiple sections of content within a single block using a tabbed layout — perfect for product descriptions, specifications, policies, or additional info.

Tabs help keep the product page clean and easy to navigate, especially when you have a lot of information to show.

⚙️ Basic Features:

Each Tab contains:

  • Tab Title: The clickable label at the top of the tab (e.g., "Description", "Shipping", "Care Instructions").

  • Content Area: This supports:

    • Text formatting (like in Paragraph elements)

    • Images

    • Tables

    • HTML customizations

You can add multiple tabs and reorder them as needed.

🛠️ Advanced Settings:

  • Conditional Logic: Show or hide the Tab element based on customer selections or logic rules.

  • HTML Class: For custom styling using CSS.

  • Column Width: Adjust the layout width of the Tab block on the page.

💡 Use Cases:

  • Organize product features vs specifications

  • Separate care instructions, delivery info, and return policies

  • Add product-related FAQs

📧 Need Help? If you run into any issues while setting up your option set, feel free to reach out to us at Chat or email [email protected].

We’re always here and happy to help — with sincerity and care!

PreviousSize chart elementNextAdd-on Feature

Last updated