# Main product - Tabs

![](https://3226993373-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MHzCBtSR9PxRIkTBmO1%2F-Mgxh28i7tBLHDKwTvaa%2F-MgxhaNqGn_mNY4plnEN%2Ftabs-section.jpg?alt=media\&token=d463e434-7aca-47f0-8d85-89cbc42f8818)

## 1. Open the Main product - Tabs section:

On the left sidebar of the Theme editor, click the **Main product - Tabs** section.

![](https://3226993373-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MHzCBtSR9PxRIkTBmO1%2F-Mgxh28i7tBLHDKwTvaa%2F-Mgxhfhli7yfmC9iLLQW%2Fimage.png?alt=media\&token=9b3658d8-f32a-4f39-b700-09893746c5e0)

If this section does not exist on the available list, you can also add it by clicking the **Add section** button, then choose **Main product - Tabs**.

![](https://3226993373-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MHzCBtSR9PxRIkTBmO1%2F-Mgxh28i7tBLHDKwTvaa%2F-Mgxhk9KuasUZ8dBuwYq%2Fimage.png?alt=media\&token=6edac303-41dd-4905-8317-f4c10e1c7a19)

## 2. Settings

Click the section name from the available section list on the left sidebar to open the section settings.

### Background

* **Enable:** turn on/off the background.
* **Pick a color:** choose a color to set the background color. If the background is empty, the background color will be displayed.
* **Background image:** pick or upload your image to display it as the background image.
* **Background size:** set the size of the background image.
* **Background style:** set the style of the background image.

### Section gutters

* **Enable top gutter:** turn on/off the space distance on the top of the section.
* **Enable bottom gutter:** turn on/off the space distance on the bottom of the section.

## 3. Add/Edit/Remove tabs:

Each tab is stored in section blocks that help you arrange tabs easily by dragging and dropping blocks.

To add/edit/remove blocks, click the arrow before the section name.

![](https://3226993373-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MHzCBtSR9PxRIkTBmO1%2F-Mgxh28i7tBLHDKwTvaa%2F-MgxhrTfrI0jF0zVjyQc%2Fimage.png?alt=media\&token=b626218b-bcf1-4f1a-83d7-41d49adbada5)

You will see a list of blocks. Each block is a tab. You can click an available block to edit it or click the **Add block** button to add a new block. You can refer to [the guide for managing blocks in a section](https://beloria-docs.boostheme.com/manage-blocks-in-a-section). Below are details of block types:

### 3.1. Product description tab:

Display product description. You can also add the heading of the tab.

### 3.2. Review tab:

Display the reviews form based on the review app that has been configured in *Theme settings* > *Product settings* > *Reviews app*. You can also add your heading tab.

### 3.2. Text tab:

You can show the custom text or the content from a specified page in this tab.

### 3.3 From toolkit app:

Display the tabs that have been added by using the Boostheme Toolkit app. Please refer to [the article](https://beloria-docs.boostheme.com/shopify-apps/boostheme-toolkit-app#4-edit-custom-tabs) for more details.