Website Advance Product Tabs

Website Advance Product Tabs module which allows you to create multiple tabs in website products page, which display products information.

Create Tab :-

Navigate to Website and open any products.

Now we'll open eCommerce Product Info Tabs and select tab type(Toggle/Vertical/Horizontal).

Select toggle tab type, tab color, tab hover color.

Then we,ll select font style, font size, font color, tab font hover color.

Now, we'll click on add a line button to add multiple tabs.

Tabs Type :-

Enter tab name and enter sequence no. of tab.

Now If we want to show tab in website product, enable Published/Unpublished checkbox otherwise disable.

Now, we'll enter product content and click on save button.

Configure Tabs :-

Here, we can see configured multiple tabs.

Toggle Tabs :-

Now we'll open website shop and open configured products.

We can see configured toggle tabs, tabs hover color, font color, tab font hover color.

If we want to see tabs content so, click on Collapse All button.

Toggle Tabs & Contents :-

We can see toggle colored tabs and their contents.

Font Style & Font SIze :-

Now we'll change font style & font size.

Here, we can see font style & font size are changed.

Horizontal Tabs :-

Now we'll change tab type from toggle to horizontal.

Horizontal Tabs & Contents :-

Here, we can see horizontal tabs and tabs content and also see configured colors and fonts style & size.

Vertical Tabs :-

Now we'll change tab type from horizontal to vertical.

Vertical Tabs & Contents :-

Here, we can see Vertical tabs and tabs content and also see configured colors and fonts style & size.