Return to previous page

Product Page – How To Add Custom/More Tabs

This topic has 12 replies, 3 voices, and was last updated 1 years, 1 months ago ago by Tony Rodriguez

TFS

Participant

September 19, 2022 at 23:37

Hello,

In the product page section, there is one tab which says description.

Is there anyway to add more tabs to this area via the theme?
Or will a 3rd party plugin be required so I can add more tabs other than description.

Thanks!

#334514 Copied Theme version: 8.3.4

11 Answers

TFS

Participant

September 19, 2022 at 23:40

Link; https://xstore.8theme.com/elementor/demos/niche-market02/product/wooden-classical-golden-chairs/

Please see this demo. In the demo there is also a tab for VENDOR & QUESTIONS/ANSWERS. How can I add this to a product?

#334515 Copied

Tony Rodriguez

Support staff

September 20, 2022 at 06:04

Hello, @TFS,

1. If you are using the Single Product Page Builder functionality on your site, then you have to go to XStore >> Theme Settings >> WooCommerce >> Single Product Builder >> Tabs and turn ON the Custom Tab 1 and 2 and then add the content in them as per your requirements.

https://postimg.cc/7fmbw4Bt
https://postimg.cc/PL8WFyW4

2. If you are using the prebuilt/default layout for the single product page then you have to go to XStore >> Theme Settings >> WooCommerce >> Single Product Page >> Tabs and set the Custom Tab Content from there as per your requirements.

https://postimg.cc/QHwVn302

And VENDOR & QUESTIONS/ANSWERS Tabs are coming from the MultiVendor plugin, so if you are not using the Multivendor plugin on your site then those tabs will not appear.

Regards 8Themes Team.

#334530 Copied

TFS

Participant

September 22, 2022 at 00:59

Hello Tony,

Thanks!

Can you please let me know the MultiVendor Plugin which was used? If you can provide a link that would be great.

In regards to the other tabs, Can I edit them with Elementor? If so how can I do this?

Thanks for your help!

#334675 Copied

Tony Rodriguez

Support staff

September 22, 2022 at 07:29

Hello, @TFS,

Our theme is fully compatible with the below-listed MultiVendor plugins, so you can use anyone on your site as per your requirements.

Compatible with multi-vendor Dokan plugin.
Compatible with WC Vendors plugin.
Compatible with WC Marketplace plugin.
Compatible with the WCFM Marketplace plugin.

You can only edit the description tab with the Elementor page builder: https://postimg.cc/TpczVhxp

Regards 8Themes Team.

#334705 Copied

TFS

Participant

September 23, 2022 at 00:43

Hello Tony,

Thanks!

What plugin is shown on the demo of XSTORE?
Also what is the function of the MultiVendor theme exactly?

So the extra tabs under the theme cannot be edited with Elementor?
I was hoping that was possible 🙁

Do you think 3rd party plugins (that will create extra tabs) can be edited with Elementor?

#334818 Copied

Tony Rodriguez

Support staff

September 23, 2022 at 06:14

Hello, @TFS,

Actually, Some demos use Dokan multi-vendor plugin and some use others that I listed in my previous message. But you can use the one you want.
Basically, Multivendor means that your store will sell products and allow customers to create their own store on your site and sell their products on your site. You will take a commission on their sales based on the “percentage” this is the multivendor theme/store does. Further to know more about it check this article on how the multivendor plugins work for a better reference to understand: https://xstore.helpscoutdocs.com/article/143-dokan-multivendor-plugin-with-xstore-theme

The tabs are coming and handled by the WooCommerce like, Additional Tabs, Reviews tabs, and other tabs which are also coming from the multivendor plugins are not able to edit with Elementor unfortunately we don’t have any hands-on it. No theme will be responsible for it.

I hope it makes sense to you.

Not sure about it. As we cannot suggest any third-party plugins to our customers because sometimes they conflict and cause unexpected issues on the site. You can use any third-party plugins which suit your requirements at your own risk.

Regards 8Themes Team.

#334843 Copied

TFS

Participant

September 23, 2022 at 22:31

Hello Tony,

Thanks!

I will not be doing anything like that on this website so Multivendor will not be needed.

In regards to the other tabs I will try to find a solution!

Appreciate the help

#334923 Copied

Tony Rodriguez

Support staff

September 24, 2022 at 05:20

Hello, @TFS,

Sure, Take your Time.

Thanks for your understanding and for contacting us.
Have a nice day.

Topic Closed.

Regards 8Themes Team.

#334937 Copied

saimana

Participant

March 3, 2023 at 16:26

Hi, If we have 3-5 custom tabs like Technology, Delivery, Material and etc.
As I see there only 2 custom tabs available.
How to use static blocks and add additional tabs. We already used the provided Custom tab 01, and Custom tab 02 in the editor?

Thank you.

#348749 Copied
saimana

Participant

March 3, 2023 at 17:16
I think I found the solution with etheme_single_product_builder_tabs
```
add_filter( 'etheme_single_product_builder_tabs', 'smpl_single_products_tabs_filter', 10, 1 ); 
function smpl_single_products_tabs_filter( $tabs ) {

    $tabs[] = array(
        'title' => __('Technology', 'smpl-theme'),
        'priority' => 12, // change it up and down until it match the desired location
        'tabContent' => do_shortcode('[block id="2545"]'), // shortode from Static Blocks
        'callback' => 'smpl_load_custom_tab'
    );

    return $tabs;
}

function smpl_load_custom_tab( $tab_key, $tab_info ) { 
	echo $tab_info['tabContent']; // this one worked with Elementor Static Block
}
```
#348757 Copied
Tony Rodriguez

Support staff

March 4, 2023 at 05:34

Hello @saimana,

We hope that the code was successful in helping you achieve your desired outcome.

Please do not hesitate to reach out to us if you require any additional assistance.

Best Regards,
8Theme’s Team

#348799 Copied
Tagged: custom tabs, how to add, more tabs, product page, themes, woocommerce, wordpress
Viewing 12 results - 1 through 12 (of 12 total)