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
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:
Left,
Center
Right.
Heading Color
Sets the color for the tab labels.
Tab content settings
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:
Left,
Center
Right.
Spacing
These settings control the external spacing (padding) applied directly above and below this specific block.
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.
Heading
The text that will be displayed as the clickable label on the main tab interface (e.g., "Description," "Reviews," or "Shipping").
Last updated