# Main product - Tabs

![](https://3659370746-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MFddYUXQFaTvE_hvQho%2F-MffG2wAuy31RFA4qiqF%2F-MffGE85nTRocmAYW0GH%2Fmain-product-tabs-settings.png?alt=media\&token=36e3f230-0796-4339-b1fb-51f492ff242c)

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

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

![](https://3659370746-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MFddYUXQFaTvE_hvQho%2F-Mfezqk1lkRfu98JhN3_%2F-Mff2INyXdfUChkaIAdW%2Fmain-product-tabs-open.jpeg?alt=media\&token=02e445b9-d35e-44d5-912b-4f228ae10b6a)

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://3659370746-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MFddYUXQFaTvE_hvQho%2F-Mfezqk1lkRfu98JhN3_%2F-Mff2vrqdN_bnbOftBa-%2Fmain-product-tabs-add.png?alt=media\&token=5bcc0751-4aed-491f-9b68-64d89a2d8b7e)

## 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://3659370746-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MFddYUXQFaTvE_hvQho%2F-MffBMlt30EldLe_l7rb%2F-MffBl_58FIQoQfKNPas%2Fmain-product-tabs-open-blocks.png?alt=media\&token=d41391f0-bb2e-4353-bb85-8c9bee65983b)

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. Below are details of block types:

### 3.1. Product description tab:

Display product description. You can 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 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://vodoma-docs.boostheme.com/shopify-apps/boostheme-toolkit-app#4-edit-custom-tabs) for more details.