# Product information tabs

{% hint style="success" %}
Steps

1. In the theme editor (**Customize**), open the template selector
2. Select **Products**, then **Default product.**
3. On the left-sidebar, add **Product information tabs.**
4. Make necessary changes > **Save.**
   {% endhint %}

### General Option

<figure><img src="/files/dFQcFuDjQ2q4atSYfBhZ" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/tx78d9ZU5jNrwrDGxvR4" alt=""><figcaption></figcaption></figure>

**Layout:** There are 3 types of layout **Container, Fluid container,** and **Full-width.**

**Color schema:** You are allowed to change text color, background color with preset color.

**Custom class:** Facilitate customers in incorporating a new HTML class within the HTML code for Product Information tabs.

**Design:** There are 3  types of product tab: **Tabs**, **Accordion** and **Show open all.**

{% tabs %}
{% tab title="Tabs " %}

<figure><img src="/files/k9zQEETliEJH6mdjReWA" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Accordion " %}

<figure><img src="/files/hE37ix3piW5WClzBUlOC" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Show open all" %}

<figure><img src="/files/Q8sPFDYPOdSAthaECOJk" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

**Position (only for accordion):** There are 2 options Product content external and Product content inner.

{% tabs %}
{% tab title="Default" %}

<figure><img src="/files/hE37ix3piW5WClzBUlOC" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Inside Product main infomation" %}

<figure><img src="/files/qrJVm8T2auwvAgxv5Bqh" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

**Enable show two columns:** Display the description in a two-column layout instead of full-width, offering a visually pleasing presentation.

{% hint style="warning" %}
This feature only works with **Show open all** selected on **Design** setting.
{% endhint %}

<figure><img src="/files/OKtZXJAncJOWceUQrDLg" alt=""><figcaption></figcaption></figure>

### Add blocks for Product Tabs

The **Product Tabs** option has a total of 3 **blocks** for you to add to the sidebar:

* [**Tab Description**](/umino-shopify/product-settings/product-information-tabs/tab-description.md)
* [**Tab Review**](/umino-shopify/product-settings/product-information-tabs/tab-review.md)
* [**Tab Custom**](/umino-shopify/product-settings/product-information-tabs/tab-custom.md)

You also have the ability to arrange the position of blocks through **drag and drop.**

When you click on each block, it will show the **settings sidebar** (of each block).


---

# Agent Instructions: 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:

```
GET https://blueskytechcos-organization.gitbook.io/umino-shopify/product-settings/product-information-tabs.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
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.