Multiple Product Tabs

[lwptoc]

About Shine Theme Multiple product tabsClick to copy 2222

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

Multiple Product Tabs

Access Shine Theme Multiple product tabsClick to copy 2222

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.

Multiple Product Tabs

Shine Theme Multiple product tabs ConfigurationClick to copy 2222

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

Multiple Product Tabs

GeneralClick to copy 2222

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.

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 CardClick to copy 2222

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

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 ScreenClick to copy 2222

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 screenClick to copy 2222

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.

ButtonClick to copy 2222

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

Navigate this category

Previous