> For the complete documentation index, see [llms.txt](https://toolkit-app-docs.boostheme.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://toolkit-app-docs.boostheme.com/product-customization.md).

# Product customization

## 1. Open Product customization page

You can add a size chart, custom tabs, countdown timer, or frequently bought together products to any products you want. To do that, you need to first open the product customization page, here are 2 ways you can use it:

### 1.1 Method 1

From your Shopify admin, go to **Apps** > **Boostheme Toolkit app.** Then click **Product customization** from the top menu. You will see a table of the product list. Just click the product you want to edit. At there, you will also have 3 tabs with Size chart, countdown, custom tabs. We will explore this in the next section

### 1.2 Method 2

You can go to the manage products page, click a product you want to edit, then click **More actions** > **Edit size chart, custom tabs, count down**.

![](https://gblobscdn.gitbook.com/assets%2F-MFddYUXQFaTvE_hvQho%2F-MGnPnFxV3aiuE3R1o70%2F-MGnRhQO4atVVoje7GBR%2Fhow-to-use-app.jpg?alt=media\&token=6296264e-b3c8-4687-845e-b1761ad5185c)

## 2. Edit size chart

By default, all Shopify themes support showing the size chart on the product page. However, you can add different size charts for different products. The Boostheme toolkit app will help you to do that. On the edit size chart page, you can use the WYSIWYG editor to build your own size chart in table, list, HTML,...

![](https://gblobscdn.gitbook.com/assets%2F-MFddYUXQFaTvE_hvQho%2F-MGnPnFxV3aiuE3R1o70%2F-MGnRbS-Yg_Nucq_BQai%2Fedit-size-chart-toolkit-app.jpg?alt=media\&token=1d47095e-2174-4b58-b3b5-9b66d3517ed9)

Then click the **Save** button to save the size chart for the product. If you want to remove the size chart of the product, just click the **Delete** button.

## 3. Edit countdown timer <a href="#id-3-edit-countdown-timer" id="id-3-edit-countdown-timer"></a>

Click **Countdown** on the top menu to go to the edit countdown timer page.

![](https://gblobscdn.gitbook.com/assets%2F-MFddYUXQFaTvE_hvQho%2F-MGnPnFxV3aiuE3R1o70%2F-MGnSeUcjapzbJnBtdVH%2Fedit-countdown-toolkit-app.jpg?alt=media\&token=bba5a18e-2570-4d61-b405-754b5291b562)

Pick a date in the future from the calendar picker. Then click the **Save** button to save the countdown for the product. If you want to remove the countdown of the product, just click the **Delete** button.

## 4. Edit custom tabs <a href="#id-4-edit-custom-tabs" id="id-4-edit-custom-tabs"></a>

Boostheme Toolkit app also helps you to add custom tabs for each product.

![](https://gblobscdn.gitbook.com/assets%2F-MFddYUXQFaTvE_hvQho%2F-MGnPnFxV3aiuE3R1o70%2F-MGnTFl3WBaYrDodCUKf%2Fedit-custom-tabs-toolkit-app.jpg?alt=media\&token=6d287114-ce0e-4563-bd55-4802a854e36c)

Drag & drop the tab item the list on the left to sort your tab list. Then Edit the tab title and tab content on the right panel.

You can add a new tab by clicking the **Add new tab** button on the left.

You can click the trash icon in each tab item on the left to delete the tab item.

Then click the **Save** button to save the tab.

## 5. Frequently bought products together <a href="#id-5-frequently-bought-products-together" id="id-5-frequently-bought-products-together"></a>

Go to **App** > **Boostheme Toolkit app**, you will see a table of the product list. Click the product you want to set up the frequently bought products together. Then click the **Bought Products Together** tab.

![](https://gblobscdn.gitbook.com/assets%2F-MFddYUXQFaTvE_hvQho%2F-MGnTewJsKioPTDpQBgg%2F-MGnU--lWHk2O-zr62CW%2Fproducts-bought-together.jpg?alt=media\&token=a1ee6d3a-01c3-4a96-a7e5-337176f060d4)

Tick the checkbox of the products you want to set up as frequently bought together for the current product. Then click the **Save** button to save the data.


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://toolkit-app-docs.boostheme.com/product-customization.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
