> For the complete documentation index, see [llms.txt](https://halosoft.gitbook.io/bc-nimo-documentation/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://halosoft.gitbook.io/bc-nimo-documentation/home-decor/product-by-tabs.md).

# Product By Tabs 🔥

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

The Product by Tabs section is an advanced, interactive product showcase that displays products organized by category tabs. Each tab represents a subcategory and displays a curated selection of products in a grid layout.

### **Setting** Product By Tabs

Go to **Storefront** -> **My Themes** -> **Customize**. <mark style="color:red;">(If your store is a new store, you may need to go to</mark> <mark style="color:red;"></mark><mark style="color:red;">**Channel Manager -> Themes -> Edit Theme**</mark><mark style="color:red;">)</mark>

In the **Theme Editor** -> Go to **Home Page / Product By Tabs**

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

**Configuration Settings:**

| Setting                        | Description                       | Example                | Required |
| ------------------------------ | --------------------------------- | ---------------------- | -------- |
| **Show Product By Tabs Block** | Enable/disable the section        | ✓ Checked              | Yes      |
| **Product By Tabs Title**      | Section heading text              | "Inspired Collections" | Yes      |
| **Category ID**                | Parent category ID                | "23"                   | Yes      |
| **Number of Tabs**             | How many subcategory tabs to show | "3"                    | Yes      |
| **Number of Products**         | Products displayed per tab        | "6"                    | Yes      |

{% hint style="info" %}
When you are happy with your changes, don't forget click **Save** and **Publish** to repackage the edited theme.
{% endhint %}