> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://doc.ecomx.co/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Shine Multiple Product Tabs

## About Shine Theme Multiple product tabs

The **Shine Theme Multiple product tabs** section featured multiple collections with a tab bar to encourage customers to explore and then buy more products.

[![](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902584427/47e20faac949247df3b10413f8c9/eco_Zs4gqJkJzz86PShi_XkoPsthlEC_eKHKNlhOdjdMnBJ28APfDXeFjeMWrE2zURPye2lyd6pY8mnr5OQ9iVQq_BzSc3JpfYCbjZRgZKzfg7krXttnxowqqjbLpIRfFsp-zjkKs3ymMzvu.png?expires=1792403100&signature=35bebc159e09d2eac10999026b825279ae4d5fced9efea217e750f96c355de7e&req=dSknFMx2mYVdXvMW1HO4zepYDm592rv5%2FQ%2F8A%2FzJN9Qx%2BXs%2BaJ1eLQxE0Nxk%0AfxFnGPux%2Ff1wlHdvNds%3D%0A)](https://storage.crisp.chat/users/helpdesk/website/-/e/0/f/1/e0f1215afa676000/6c0b75fd-1d68-4d1a-94a0-6f9ec6_w96bk1.png)

## Access Shine Theme Multiple product tabs

From any page in the Shine Admin Dashboard, click on the **Add section** button > Search for **Multiple product tabs** > Click on it to add the Multiple product tabs section to your page.

[![](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902584441/da3423301304b8fd4e50efbae8ac/NIuMluEGJGDF223f7n7XHzNorSw3p8cq84jK0kYBphRXgdvR0W7ndyGSY_zYXOR6_z-pwXvZOvyGOGKMREFN3b8wceiDHxzDS6I2E1ePGXzVFConNQLLquLBU7Btrb90qdcN6UZ_kugzecdn.png?expires=1792403100&signature=c519be002d53a9cd28331702f07bfdcc154f23cf876f6e5a1df0b376e58ca472&req=dSknFMx2mYVbWPMW1HO4zeDz8Bv1IoijBg5WcZs8u1c8ZnmevZBXKfQMV0PH%0ACwjSTqwptv8rFNzmEjw%3D%0A)](https://storage.crisp.chat/users/helpdesk/website/-/7/2/a/5/72a5c367282c8400/3686af5a-6bd0-4551-a61a-3af946_1capqah.png)

To configure the **Multiple product tabs** section, click on the section to access the configuration settings.

[![](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902584466/5aae02bcfe7ee6147a0ade321df3/7PjvSroC_fNdL4tKx2sikWXB-mij0albuXaoT-fhUhNgFyJShUZ5SvEO6Y2WSajpRRsWRG4v6tyQWXahhuhGjGRAtS8Z2zKMjh0XH8_18GnqedVqnY_vZlOanjXRXQ3wYiU6S36NFGXcWZrR.png?expires=1792403100&signature=f9e85f95ecdb5fa88f544b71e572f961ea5f92e0c6a7a22fa3e4fa7d14790901&req=dSknFMx2mYVZX%2FMW1HO4zc58SRI%2BsfA416qcNqvjlKRCf0Mo5UXgO9u6uo6H%0Aq0eFzkdt6CesWqKlxas%3D%0A)](https://storage.crisp.chat/users/helpdesk/website/-/4/8/c/7/48c7620f2c72e400/fb7eaa9f-82ea-48d2-883d-87dd34_3e8u0m.png)

## General

Under the Color Scheme, you can choose a specific scheme for the Multiple product tabs section. To modify or add a new color scheme, go to Theme Settings > [Color](https://docs.saleshunterthemes.com/manual/shine-theme-settings/#color-schemes).

[![](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902584490/f13a3dcce8b76662ca8ced92a393/70.png?expires=1792403100&signature=0afe4cab99522be62516ffd165f7ffbff7eb40dff15ab6b87f64f1ed32b66dd8&req=dSknFMx2mYVWWfMW1HO4za%2BULTd4CJWsNOybhVJd5yE12s6eHQDL2trlezDj%0Am97jUTcboAe13Vfzsrs%3D%0A)](https://storage.crisp.chat/users/helpdesk/website/-/9/b/1/5/9b1513447374f00/cb599f33-c432-4b3f-b356-50acc2_pebp9h.png)

The **Shine theme Multiple product tabs** section allows you to apply content for the Section subheading, Section heading, and Section description. If you want to hide the message, leave the placeholder empty.

Note: To highlight the Heading, place them between ‘[‘ and ‘]' in the heading input field. Example: [Free shipping]

To adjust the Heading size, there are four options:

* H2
* H3
* H4
* H5

To display product collection, from Product tabs > click **Select** > Choose existing collection or Create a new one > Hit **Select**.

Note: Each assigned collection is generated on a tab. If you select just one collection, the tab bar will be hidden.

You can also change or remove the assigned collection by clicking on Change > Change collection button or Remove collection button.

In addition, you can change the Maximum items to show between 2 and 12 by adjusting the slider. The product items option is set as 4 by default.

## Product Card

Before customizing the Product card option, you need to configure all the settings in the theme settings first.

[![](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902584515/d2839d63ea148f7fd1723483c9ab/71.png?expires=1792403100&signature=2ccb6348ee65efdfcecee5cb04bde642264357b50c1bf2e85bcbefcf50ffcf4e&req=dSknFMx2mYReXPMW1HO4zTIFGGNlDR3%2F92XhGPasxvdSHlHDUrllTqQ0Gx3q%0AuWOtVY6Kkq3ExDazIZU%3D%0A)](https://storage.crisp.chat/users/helpdesk/website/-/5/4/e/4/54e48c116f2e5000/cb1eb49a-15ce-41c3-a47a-3ae87e_b0r2ii.png)

You can choose to:

* Show vendor
* Show variant swatches

To change the Quick shop action, switch between three styles which are Not use, Quick view, and Quick add.

## Large Screen

[![](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902584543/fc7768dac2522c28811d320357d7/72.png?expires=1792403100&signature=88ce6672a68b9db35ff424f83cacb5736066b25705f26d6dc20a27fd57564592&req=dSknFMx2mYRbWvMW1HO4zfU5g22P1wpxUMMA%2B%2FaPMtmh8N6X7stKjYxKFdHU%0Aous6WHOOOqFYSC0cfg0%3D%0A)](https://storage.crisp.chat/users/helpdesk/website/-/5/f/7/1/5f71810c61dc4000/69d1395b-c1da-40a7-aac6-c013dc_y97w94.png)

On the Large screen option, you can select the position to display the heading of the section:

* Left
* Center

Next, you can style the product list:

* Grid
* Carousel

You can also change the Columns per row from 3, 4, 5 to 6.

## Mobile screen

Similarly, on a mobile screen, you can change the Section heading alignment between the Center and Left.

You can also display the list in Grid or Carousel style. As shown on a smaller screen, you can choose 1 or 2 Columns per row.

## Button

On Button option, you can Enable “View collection” button. It will link directly to the collection list page.