Drawer with tabs

Use this block to provide multiple pieces of product information that customers may refer to. The block content is arranged in tabs that appear in a drawer when you select the button.

GENERAL

Button style

Choose the style of the button.

Solid	the button filled with color
Outline	the button with only its borders colored
Text	the plain label

Heading

Fill in the button name to introduce the drawer content. Without a name, the button disappears.

Heading size

Choose the font size for the button heading.

Icon

Choose the icon to match the drawer content. Here you can see what icon stands for each label.

Custom icon

Select an image for a custom icon (the recommended image size is 256x256 pixels). In this case, the custom icon has priority over the icon from the list. You can choose images either from your library or the free images collection. Note that the free images you use are also saved to your library. You can further edit the uploaded image: add a focal point and fill in an alt text.

Icon size

Adjust the icon size within the button.

Button background

Pick the color for the button border or background, depending on its style.

Button text

Pick the color for the button name.

TAB 1 TO 3

Tab label

Fill in the name to introduce the tab content. Without a name, the tab disappears.

Rich text

Fill in the information you want to convey.

Page

Select a page for the tab from the list of pages you created in the 'Pages' folder of your admin. Learn more about the use of pages in Shopify.

Text size

Adjust the font size for the rich text and the text content on the page. Note that the option applies only to the parts of text that have 'Paragraph' formatting.