Documentation / FAQ
How tab types can be defined?
Chose "Product Tabs" menu in the WP Admin area, and add new tab types, similar than adding a new post.
Enter the tan name into the title field of this page.
It can be defined if the tab type should be displayed for all products regardless of product category, or the tab is product category dependent. In case of product category dependent tab type tha relevant product categories can be selected from the list on the right.
How Product Tab Type Settings can be made?
Chose "Product Tabs" menu in the WP Admin area, and add a new tab type, or edit an existing (similarly than do this in case of post handling).
Use for all products
If this checkbox is on, the tab page will be displayed for all products regardless of product category. The other way is to assign this tabpage type to product categories on the right side. This way this tab will be displayed only on those products, that has the same product categories that this tab. Make sure that "Enable product category dependent product tab pages" checkbox is turn on on WooCommerce Custom Tabs setting page, otherwise the category panel will not be displayed on the sidebar.
Tab page priority
Determine the order of the tab pages. The higher priority means that the tab will appear backwards. Original WooCommerce tabs priority: Description=10, Additional Information=20, Reviews=30
The content entered here will be displayed in case of products where no content is given.
The content entered here will be displayed before the tab content entered for a specific product. If no tab content entered for a specific product, this header will not be displayed either.
The content entered here will be displayed after the tab content entered for a specific product. If no tab content entered for a specific product, this footer will not be displayed either.
How to define tab contents for a specific product?
Go to the edit pages of your WooCommerce product, you will find editor fields for all defined tab types. You can enter the content of your tab pages of the specific product.
Empty tab pages can be hidden?
If the content remains empty, and "Hide empty tabs" checkbox is on on the "Settings / WooCommerce Custom Tabs" menu, the tab page will not be displayed.
How can I make general settings?
Chose "Settings -> WooCommerce Custom Tabs" menu in the WP Admin area, you can set the following parameters:
Hide empty tabs
Set this option on to hide empty tabs automatically.
Enable product category dependent product tab pages
There are two custom tab types. One of them is visible on all products, the other tab type is displayed only if you assign it to a product category, and the actually displayed product has this category. You can turn on/off this second type of functionality using this checkbox. The other settings can be made in Product Tabs menu.
Disable sub category display
Do not display tabs assigned to a product sub category, if the main category is not set for the product.
Name of your tab (especially for Lite version)
You can use one special tab page independently of multiple tab page handling. In Lite version this tab will be displayed. This field contains the name of this tab page, leave this field empty if you want to hide this tab page.
Priority of your tab (especially for Lite version)
Priority is affected on the order of tab pages.
What can be the slug of tab types?
Under Product Tabs menu you can configure tab types. The slug of this page identify the tab types. The "slug" should contain only normal (non special) characters and numbers, and the first character must not be a number.
You can see the slug on the following screenshot marked yellow. It can be modified by pushing Edit button beside it.
Is it possible to create links to a specific product tab?
Yes, WooCommerce use an anchor for every tab page. (Anchor makes it possible to jump to a specific content inside a page, and it is signed by a # mark at the end of the URL).
What is the format of the anchor links to a specific product tab?
The format of the link to a product tab:
Both format select the appropriate tab. If you are using &noscroll option (or other parameter after the anchor), the top of the page will be displayed, otherwise the browser will scroll down to the anchor (if there is nothing after the anchor).
How do you know the name of the anchor?
WooCommerce standard anchor names should be use in the end of the URL. The browser display them on the bottom, if you move the mouse over the appropriate tab. You should apply the part of the URL after the # mark. (e.g. #tab-my-content or #tab-faq)
Two live examples to link of the FAQ page of WooCommerce Custom Tabs Pro product:
What should I do, if the tabs is not displayed on the front-end?
Check the following settings:
- have you defined tab types in "Product tabs" menu?
- are you sure that "Use for all products" checkbox is on for every tab type, or the appropriate product category of tab types are selected?
- have you defined the content of tabs on your product edit page (for each product)?
- if you use product category dependent tabs, are you sure, that the products are in the same category as tab types?
If every setting is done, and the content is still not displayed:
- Try a standard WooCommerce theme (e.g. Mystile), to ensure your theme is WooCommerce compliant.
- Try to turn off all other plugins to ensure there is not any plugin collusion.
- Ensure that PRO version is installed. In Lite version tabs are not displayed on the front-end. You can install PRO version properly according to the documentation on "Installation" tab.