WooCommerce Custom Tabs PRO

WooCommerce Custom Tabs Pro Plugin

5 out of 5 based on 1 customer rating
(1 customer review)

$23.00$94.00

Clear
SKU: N/A Category:

Product Description

This product is a downloadable virtual product.

As a good shop owner, you may want to publish more information about your products. This plugin will help you displaying product details in separate tab pages. Even shortcodes may be used to display galleries, product support forums (e. g. bbpress) and statistics, using external programs that support these features. Some functions available in Pro version.

Features

  • Easy tab content handling
  • Wysiwyg editor
  • Tab page positioning (priority)
  • Hide empty tabs
  • Includes .mo and .po files for localization

Pro Version

  • Multiple tabs handling
  • Pre register tabs, this way you can make standardised tabs for a bunch of products
  • Product category dependent tab pages
  • Possibility of using shortcode
  • Possibility of using links to other tabs (e.g. Documentation/FAQ)

License
codecanyon Regular License

Banner picture background: Pop-tab mail by Simon Law is licensed under a Creative Commons Attribution 2.0 International License.

The product price contains support for one year.

Installation

  1. Check if an earlier version of plugin is installed. If so, deactivate and delete it.
  2. Upload the plugin using one of the following possibilities:
    1. Upload the plugin to the '/wp-content/plugins/' directory. The downloaded ZIP file contains a woocommerce-custom-tabs-pro directory, this should be in /wp-content/plugins/ after unzip.
    2. Go to Plugins -> Add New menu in wp-admin page of your site, then choose Upload in the upper bar. Choose the plugin file and press "Install Now".
  3. Activate the new plugin through the 'Plugins' menu in WordPress.
  4. Activate the product using the license key that can be found in our e-mail or My Account menu of webshoplogic.com. License activation is available by clicking on the “Manage License Key” link of the plugin in your Plugins list of your WordPress Admin.
  5. Configure the plugin: Settings -> WooCommerce Custom Tabs

If Lite version or an earlier PRO version (1.0.18 or below) of the plugin was installed earlier, please Deactivate it, and then Delete the whole plugin directory before install the new Pro version (e.g. 1.0.21 or higher). You can do this in Plugins -> Installed Plugins menu, chose the Lite version or PRO version 1.0.18 (or below) of the plugin in the list, then click on Deactivate link, then click on the Delete link in the same way.

Please look at the other settings to be performed on the Documentation / FAQ tab.

 Screenshots

 

WooCommerce Custom Tabs Pro Custom Tabs

 

WooCommerce Custom Tabs Pro Multiple custom tab types admin list

 

WooCommerce Custom Tabs Pro Custom tab type definition page

 

WooCommerce Custom Tabs Pro Product Edit page

 

WooCommerce Custom Tabs Pro Multiple custom tab types admin list

 

WooCommerce Custom Tabs Pro Option Page

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.

WooCommerce Custom Tabs Pro Multiple custom tab types admin list

 

WooCommerce Custom Tabs Pro Custom tab type definition page

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

Default Content
The content entered here will be displayed in case of products where no content is given.

Content Header
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.

Content Footer
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.

WooCommerce Custom Tabs Pro Product Edit page

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.

WooCommerce Custom Tabs Pro Option Page

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.

WooCommerce Tustom Tab Slug

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:
http://mysite.com/product/my-product/#tab-my-content
or
http://mysite.com/product/my-product/#tab-my-content&noscroll

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.

Home Page Forums WooCommerce Custom Tabs

This forum contains 71 topics and 221 replies, and was last updated by  WebshopLogic 1 month, 4 weeks ago.

Viewing 11 topics - 61 through 71 (of 71 total)
Viewing 11 topics - 61 through 71 (of 71 total)

You must be logged in to create new topics.

1 review for WooCommerce Custom Tabs Pro Plugin

  1. 5 out of 5

    (verified owner):

    Great plug-in, works absolutely perfectly and actually even better than I expected. I've been battling with customizing my site these past few days and am glad that this plug-in did what I wanted it to do without having to customize or have conflicts on different browsers and devices. And at a great price as the WooCommerce version is nearly 5X the price. Thank you, I really appreciate it :)

Add a review