# Install themes from Boostheme

If you haven't purchased the theme yet, you can also use the Boostheme Toolkit app to install our themes with a trial mode. That will help you to experience our themes before deciding to buy.

* From the Boostheme Toolkit app, click **Install themes** on the top menu.

![](https://742072198-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MjlR8yOTYXvbIwRUuHV%2F-MjlRbknZ3LmYn2RXcMx%2F-MjlRi3amcR2eJla0vIa%2Fimage.png?alt=media\&token=865fceee-99cb-44f0-8477-5c638a4c9b24)

* Browse and click the **Install** button of the theme you want to install.

![](https://742072198-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MjlR8yOTYXvbIwRUuHV%2F-MjlRbknZ3LmYn2RXcMx%2F-MjlRsMc4sAjnvs2ik9a%2Fimage.png?alt=media\&token=3fa12724-33f1-4a02-b6c4-9ca11e1f78d5)

* You will see a list of home styles of the theme you chose.
* If you don't buy the theme yet, click the **Try it free** button of the home style you want to install the theme with a trial mode. Otherwise, you can add your purchase code to the Manage licenses page, then click the **Install now** button in each home style without the trial mode.

![](https://742072198-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MjlR8yOTYXvbIwRUuHV%2F-MjlRbknZ3LmYn2RXcMx%2F-MjlRy_YuXxV8kPt_AKO%2Fimage.png?alt=media\&token=829f43c2-4688-4666-81d0-81997530ccd8)

![](https://742072198-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MjlR8yOTYXvbIwRUuHV%2F-MjlRbknZ3LmYn2RXcMx%2F-MjlS0QfTs4ZltCXiiM2%2Fimage.png?alt=media\&token=21b88a64-c5f0-474f-a045-f586acd7fa5e)


# Manage licenses

A license is a purchase code that you get when you buy our themes. Please refer to <https://help.market.envato.com/hc/en-us/articles/202822600-Where-Is-My-Purchase-Code> for getting purchase code.

If you bought our themes, you should add your purchase code for installing themes without trial mode.&#x20;

* From the Boostheme Toolkit app, click Manage licenses on the top menu.

![](https://742072198-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MjlR8yOTYXvbIwRUuHV%2F-MjlS7h78Ty3Y7JmLTAX%2F-MjlSmoxkdRS_pDMVI1o%2Fimage.png?alt=media\&token=b4aac7f0-3333-4cea-b89a-227beada422c)

* Then add your purchase code in the input field.

![](https://742072198-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MjlR8yOTYXvbIwRUuHV%2F-MjlS7h78Ty3Y7JmLTAX%2F-MjlSqqHZv8p6cbBnire%2Fimage.png?alt=media\&token=cdb216a9-76ec-437d-970f-67c00d6ec4ae)

* Then click the **Activate** button. After that, your purchase will appear in the **Your activated licenses** table below. That means you activated the license successfully. And you can click the **Install theme** button to install the Beloria theme on your Shopify store.


# 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.


# Collection tree

Drag & drop collection items to build the collection tree on the collection page.

![](https://742072198-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MjlR8yOTYXvbIwRUuHV%2F-MjldjSK2xhPs8W4tnqM%2F-MjlgvunlHOcdVIYJmyP%2Fimage.png?alt=media\&token=3860b691-f1d4-47a5-b10b-9a1497347ad8)

From the **Boostheme Toolkit app**, click **Collection Tree** on the top menu. Just drag & drop collection items to edit your collection tree. Then click the **Save** button.


# Translation

## 1. Manage languages

You can choose the language to translate

![](https://gblobscdn.gitbook.com/assets%2F-MFddYUXQFaTvE_hvQho%2F-MGnTewJsKioPTDpQBgg%2F-MGnUK4vG3yeW4iWGlIq%2Fswitch-language.jpg?alt=media\&token=9df5ad3e-af1f-4d39-8ed3-9795a36ce10f)

To add new languages, click the **Add new languages** button, you will see the manage languages page from Shopify admin. Please refer to [this article](https://help.shopify.com/en/manual/sell-online/multilingual-online-store#add-new-languages) for more details.

## **2. Translate products**

Go to **App** > **Boostheme Toolkit app > Product customization**, you will see a table of the product list. Click the product you want to translate. Then click the **Translations** tab.

![](https://gblobscdn.gitbook.com/assets%2F-MFddYUXQFaTvE_hvQho%2F-MGnTewJsKioPTDpQBgg%2F-MGnUnpGKsMcqTW33B6V%2Ftranslate-product.jpg?alt=media\&token=11488928-a71a-488a-bc2c-81535cb2f65c)

## **3. Translate other resources**

Go to **App** > **Boostheme Toolkit app**, then click the **Translations** menu item.

![](https://gblobscdn.gitbook.com/assets%2F-MFddYUXQFaTvE_hvQho%2F-MGnTewJsKioPTDpQBgg%2F-MGnVC-NOSoTMYp4Qcz2%2Ftranslations-menu-item.jpg?alt=media\&token=bef38515-4cb1-4fa1-b007-ab597d94d747)

On this page, you can translate the theme ( dynamic sections, theme settings, general texts, and checkout page ), collections, pages, blogs, articles, payment gateways, and shop ( meta title and meta description ).

### **3.1. Translate themes**

You can translate dynamic sections, theme settings in the **Online Store** tab.

![](https://gblobscdn.gitbook.com/assets%2F-MFddYUXQFaTvE_hvQho%2F-MGnTewJsKioPTDpQBgg%2F-MGnVe6YZDxIGQrlrF5l%2Ftranslate-theme-section-settings.jpg?alt=media\&token=adc72cae-5292-4053-9751-52629cbaa995)

{% hint style="info" %}
When you mouse out the input or press the **Tab** key, the translation input value will be saved automatically.
{% endhint %}

### **3.2. Translate collections**

You can translate collections in the **Collections** tab.

![](https://gblobscdn.gitbook.com/assets%2F-MFddYUXQFaTvE_hvQho%2F-MGnWQw5aBwJO0K-jFvD%2F-MGnX9zOZIS6OUjFJSkN%2Ftranslate-collections.jpg?alt=media\&token=1220416c-ff92-4bb6-b544-56ef91411d38)

Then click a collection you want to translate. You will see the collection translation page.

![](https://gblobscdn.gitbook.com/assets%2F-MFddYUXQFaTvE_hvQho%2F-MGnXGzbCerbGWytveF-%2F-MGnYTGIQa2m74DpMo-z%2Ftranslate-collection.jpg?alt=media\&token=8075f9ab-f77e-4bfa-bd15-4781c5d1b74b)

On this page, you can translate the title, description, meta title, and meta description. Then click the **Save** button to save your translations.

### **3.3. Translate pages**

You can translate pages in the **Pages** tab.

![](https://gblobscdn.gitbook.com/assets%2F-MFddYUXQFaTvE_hvQho%2F-MGnXGzbCerbGWytveF-%2F-MGnYpGKZ5oEWeicHGPi%2Ftranslate-pages.jpg?alt=media\&token=2d0c97d5-dd74-4a40-840f-2d1805346956)

Then click a page you want to translate. You will see the details of the translation page.

![](https://gblobscdn.gitbook.com/assets%2F-MFddYUXQFaTvE_hvQho%2F-MGnXGzbCerbGWytveF-%2F-MGnZ4zY2mtihkM9ly_r%2Ftranslate-page.jpg?alt=media\&token=114eb156-3b06-4f17-b70c-5a172ca47fe4)

At this page, you can translate the title, content, meta title, and meta description. Then click the **Save** button to save your translations.

### **3.4. Translate blogs**

You can translate blogs in the **Blogs** tab.

![](https://gblobscdn.gitbook.com/assets%2F-MFddYUXQFaTvE_hvQho%2F-MGnXGzbCerbGWytveF-%2F-MGnZUr-zJ7KQ2Y0MlrH%2Ftranslate-blogs.jpg?alt=media\&token=b722b36e-ec67-47f8-b072-25bbdf4edb9c)

Then click a blog you want to translate. You will see the blog translation page.

![](https://gblobscdn.gitbook.com/assets%2F-MFddYUXQFaTvE_hvQho%2F-MGnXGzbCerbGWytveF-%2F-MGnZjPQAURM4fE0yT7_%2Ftranslate-blog.jpg?alt=media\&token=d1579148-e00d-4aea-ae36-2c0a2613a1bc)

On this page, you can translate the title, meta titl&#x65;**,** and meta description. Then click the **Save** button to save your translations.

### **3.5. Translate articles**

At the blog translation page, scroll to the bottom, you will see a list of articles that belong to the current blog.

![](https://gblobscdn.gitbook.com/assets%2F-MFddYUXQFaTvE_hvQho%2F-MGnXGzbCerbGWytveF-%2F-MGn_9YP0wW5lI_fhbLW%2Ftranslate-articles.jpg?alt=media\&token=62c39964-3776-4b5e-bdf9-e9d2b4633f6d)

Just click a**n** article you want to translate. You will see the article's translation page.

![](https://gblobscdn.gitbook.com/assets%2F-MFddYUXQFaTvE_hvQho%2F-MGnXGzbCerbGWytveF-%2F-MGn_P2UaH0aZ4i3Jshx%2Ftranslate-article.jpg?alt=media\&token=bb8a5c89-b035-4c31-81bb-91ba6b693403)

At this page, you can translate the title, content, excerpt, meta title, and meta description. Then click the **Save** button to save your translations.

### **3.6. Translate links**

You can translate all links from the link lists on your site in the **Links** tab.

![](https://gblobscdn.gitbook.com/assets%2F-MFddYUXQFaTvE_hvQho%2F-MGnXGzbCerbGWytveF-%2F-MGn_vTSyOm1dizJgr8-%2Ftranslate-links.jpg?alt=media\&token=3fbe6af1-25ee-4159-ba37-01764d01d5c1)

{% hint style="info" %}
When you mouse out the input or press the **Tab** key, the translation input value will be saved automatically.
{% endhint %}

### **3.7. Translate payment gateways names**

You can translate the payment gateways name in the **Payment Gateways** tab.

![](https://gblobscdn.gitbook.com/assets%2F-MFddYUXQFaTvE_hvQho%2F-MGnXGzbCerbGWytveF-%2F-MGnaLkhoVc-rixjo3ER%2Ftranslate-payment-gateways.jpg?alt=media\&token=9dbd86d8-9b9a-4d9f-b5f5-ca48d5cee73e)

{% hint style="info" %}
When you mouse out the input or press the **Tab** key, the translation input value will be saved automatically.
{% endhint %}

### **3.8. Translate Shop**

You can translate the Shop meta title and meta description in the **Shop** tab.

![](https://gblobscdn.gitbook.com/assets%2F-MFddYUXQFaTvE_hvQho%2F-MGnXGzbCerbGWytveF-%2F-MGnatozQEzwviuCaGbz%2Ftranslate-shop.jpg?alt=media\&token=56d54c04-afdf-429e-8d39-3c25f0268b5d)

{% hint style="info" %}
When you mouse out the input or press the **Tab** key, the translation input value will be saved automatically.
{% endhint %}

### &#x20;<a href="#a-translate-the-product" id="a-translate-the-product"></a>