Tab
The Tab block creates an organized structure of horizontal tabs, where users can click on a tab label to switch and view different panels of content (tab content). This is ideal for managing large amounts of related information without consuming excessive vertical space.
Tab heading settings
| Setting | Description |
|---|---|
| Heading preset | Selects the visual size/style preset for the tab labels (titles). Options include various Heading sizes (H1 to H6, H5 is Default). Edit presets in theme settings. |
| Heading Alignment | Controls the horizontal positioning of the tab labels:
|
| Heading Color | Sets the color for the tab labels. |
Tab content settings
| Setting | Description |
|---|---|
| Inherit Color Scheme | A checkbox that, when enabled (Default), uses the color scheme from the parent section for the content panel. |
| Colors | Only visible when Inherit Color Scheme is disabled. Allows you to manually select a specific Color Scheme for the content panel. |
| Content Alignment | Controls the horizontal positioning/alignment of the content inside the active tab panel:
|
Spacing
These settings control the external spacing (padding) applied directly above and below this specific block.
| Setting | Description |
|---|---|
| Top | Sets the amount of empty space (padding) above this button block. Measured in pixels (px) (Range: 0px to 100px). |
| Bottom | Sets the amount of empty space (padding) below this button block. Measured in pixels (px) (Range: 0px to 100px). |
Tab Block Supported Nested Blocks
The Tab Item block (nested within the Tab Block) defines a single clickable label on the horizontal tab bar and acts as the container for the content pane visible when that specific tab is selected.
| Setting | Description |
|---|---|
| Heading | The text that will be displayed as the clickable label on the main tab interface (e.g., "Description," "Reviews," or "Shipping"). |
No comments yet