With the WooCommerce Product Info Tabs add-on, you can generate an unlimited number of tabs for your products, while also providing a convenient pop-up feature to display quick information.
In this article, you’ll learn how to set up the WooCommerce Product Info Tabs add-on and generate Global and Custom Tabs for your WooCommerce products.
Video Tutorial
Watch the tutorial video below for a quick walkthrough of the add-on’s features and setup process.
For detailed instructions, please continue reading the full documentation. If you still have any questions, feel free to submit a support ticket.
Installation
- Install the WooCommerce Product Info Tabs add-on & activate it.
- After activation, a new “Product Info Tabs” sub-menu will be added under the WooCommerce menu, along with another tab, “WC Product Global Tabs”.
License
License keys can be found in the email received when you purchased the add-on. To activate your license, place your license key in the License Key field and click on Activate.
General Settings
In this tab, you can set general settings for the addon.
Enable Activity Logs
Enable this to log activity logs related to the license activation. When this option is enabled, a new tab “Activity Logs” will become visible.
Design Settings
In this tab, you can customize the look of your product info tabs.
Background Color
Here you can select the background color of the selected or active tab within a set of tabs. It will be applied to both the quick peek popup and the product page.
Text Color
Here, you can select the text color of the selected or active tab within a set of tabs. It will be applied to both the quick peek popup and the product page.
Template Choice
Here you can select the template design of the tabs. It will be applied to both the quick peek popup and the product page. You can select from any of the 3 Template designs:
- Template 1
- Template 2
- Template 3
WooCommerce Product Global Tab Settings
Categories Page
Go to the “WC Product Global Tabs” and its “Categories” sub-menu. Add the Name of the Category, its slug, and description, and select if it has a parent category. Finally, click the “Add the Category” button.
Tags Page
Go to the “WC Product Global Tabs” and its “Tags” sub-menu. Add the Name of the Tag, its slug, and its description. Finally, click the “Add New Tag” button.
Create a new WooCommerce Product Global Tab
- Go to the “WC Product Global Tabs” and click on the “Add New” sub-menu.
- Enter the title, select its category(s) and Tag(s) from the sidebar.
- Click on the “New Tab Title” link and enter its respective Title and Details.
- Click on the “Save Tabs” button.
- Finally, click the “Publish” button.
Similarly, by clicking on the “Add new Tab” button, you can create multiple tabs as per your requirement.
Product Pages
You can change the quick peek and Global/Custom Product Tab settings of any Individual WooCommerce product by editing its product page from the admin panel.
- Go to the Individual Product page.
- Click on the “Quick Peek” tab.
- Select the options based on your requirements.
Enable Quick Peek Popup
If you enable this option, a “Quick Peek” button will be added to the WooCommerce Shop Page.
Also, when this option is enabled, an “Eye” Icon will appear in the product image on the shop page.
Here is how the pop-up will look when you click on the Quick Peek Button or on the Preview icon.
Tabs Layout
Here you can select whether tabs should display horizontally or vertically. You can select from the following options:
- Horizontal
- Vertical
Note: The tabs will be displayed based on the template design selected in the “Template Choice” option.
Product Image
If you enable this option, the product image will be displayed in the pop-up.
Otherwise (if disabled), the quick peek popup will look like below.
Product Title
If you enable this option, the product title will be displayed in the pop-up.
Otherwise (if disabled), the quick peek popup will look like below.
Product Rating
If you enable this option, the product rating will be displayed in the pop-up.
Otherwise (if disabled), the quick peek popup will look like below.
Product Price
If you enable this option, the product price will be displayed in the pop-up.
Otherwise (if disabled), the quick peek popup will look like below.
Product Excerpt
If you enable this option, the product excerpt (Product Short Description) will be displayed in the pop-up.
Otherwise (if disabled), the quick peek popup will look like below.
Add to Cart Button
If you enable this option, the product’s add to cart button will be displayed in the pop-up.
Otherwise (if disabled), the quick peek popup will look like below.
Product Meta Data
If you enable this option, the product meta will be displayed in the pop-up.
Otherwise (if disabled), the quick peek popup will look like below.
Product Global Info Tabs
From the dropdown, you can select the Global Products tabs already created to show on your individual product pages. After selecting the tabs to show to the customers, click the “Save Global Tabs” button and then the “Save Tabs” button.
Product Custom Tabs
Here you can add custom tabs to show on your individual product pages. To add a tab:
- Click the “Add new Tab” button. It will create a new “New Tab Title” link.
- Click on the “New Tab Title” link and enter its respective Title and Details.
- Click on the “Save Tabs” button.
- Finally, click the “Update” button.
FAQ’s
1- Will the “Product Global Info Tabs” created show on all product page(s) by default?
The global tabs created will have to be manually added to each product to show on their respective product pages, from the product edit page on the Admin Side.
2- Does the addon support list view on the front end?
Currently, it doesn’t support the list view on the front end.
3-Based On The Sales, Can We Schedule The Product tabs?
Currently, scheduling the custom/global tabs functionality is not available.
4- Is the quick peek feature available on any widget?
The quick peek feature is not available on any widget.
5- Does this Add-On require any external plugin on your site to work properly?
This add-on requires the WooCommerce plugin (free version) to be enabled on your site. If you want to test your site locally, please make sure to enable the above-mentioned plugin on your site.
Changelogs
1.0.6
- Fix: Resolved mismatch issues and related errors.
1.0.5
- Fix: Improved Licensing Module.
1.0.4
- Fix: Tabs now save correctly in the vertical layout.
- Fix: Addressed security issues identified by PHPCS in compliance with WordPress Codex.
- Fix: Improved overall plugin performance by resolving PHPCS-reported issues.
1.0.3
- Fix: Fixed the design page default values for colors options.
1.0.2
- New: Added templates for the tabs layout.
- New: Added horizontal and vertical option for tabs.
- New: Added color selections for tab presentation.
- Fix: Updated the security and performance parameters.
- Fix: Updated the labels for the custom tabs.
1.0.1
- New: Multi-language Support has been added.
1.0.0
- Initial Release.
