This plugin extends WooCommerce to allow site admins to add custom tabs to products.
|Author:||YIKES, Inc (profile at wordpress.org)|
|WordPress version required:||3.8|
|WordPress version tested:||4.7.4|
|Added to WordPress repository:||16-12-2014|
|Total downloads:||103 365|
|Active installs:||20 000+|
Click to start download
Custom Tabs manager on the 'Edit Product' screen
Custom product tab content displayed on the front end
All of the saved tabs on the settings page
Editing a single saved tab
All documentation can be found in our Knowledge Base.
- Download the plugin .zip file and make note of where on your computer you downloaded it to.
- In the WordPress admin (yourdomain.com/wp-admin) go to Plugins > Add New or click the “Add New” button on the main plugins screen.
- On the following screen, click the “Upload Plugin” button.
- Browse your computer to where you downloaded the plugin .zip file, select it and click the “Install Now” button.
- After the plugin has successfully installed, click “Activate Plugin” and enjoy!
- Edit a product, then click on ‘Custom Tab’ within the ‘Product Data’ panel
- Create saved, reusable tabs under Settings > Custom Product Tabs for WooCommerce
Where do I go to add tabs to a product?
When editing a product in WooCommerce, you will find “Custom Tabs” in the bottom left corner of the Product Data box. Click on “Custom Tabs” to reveal the custom tab manager.
Where will these tabs appear?
When the product is viewed on your website you will see the tabs you created to the right of the default “Description” tab.
How do I change the order of the tabs?
To change the order of custom tabs use the up and down “Move tab order” arrows.
How do saved tabs work?
Saved tabs are tabs you can create under the Custom Product Tabs for WooCommerce settings page and then add to as many products you would like. If you update the tab from the settings page, the changes will take effect for all products using that tab.
How do I create saved tabs?
To create a saved tab, go to the ‘Custom Product Tabs for WooCommerce’ page found under the Settings menu and click the “Add Tab” button.
How do I add a saved tab to a product?
To add a saved tab to a product, go to the custom tabs section on the edit product screen, click the ‘Add a Saved Tab’ button above the tab, and choose which tab you would like to add.
What does overriding a saved tab do?
When using a saved tab on the product page, a checkbox appears with the message ‘Override Saved Tab’ If you click that checkbox, edit the tab and save, the tab will be changed for that product only. Any edits to that saved tab under the ‘Custom Product Tabs for WooCommerce’ settings page, will not be applied to that product.
Why does the WYSIWYG editor default to the ‘Visual’ tab?
This was added in version 1.5 to support the dynamic adding and removing of the wp_editor/WYSIWYG editor. Without this setting, the WYSIWYG editor does not load the correct toolbar and the editor can potentially break.
Does custom tab data get exported with standard WooCommerce product data?
Yes! Since v1.4 we’ve added the necessary code to ensure the custom tab data is exported with all of the other standard WooCommerce data. This ensures a smooth transition of products between sites.
1.5.14 – May 8th, 2017
- Updating some CSS for the admin tabs table – the table should now render correctly regardless of “Visual” or “Text” tab and the saved tabs list should include a scrollbar if necessary
1.5.13 – April 17th, 2017
- Updating a WooCommerce action – now using the proper one instead of a deprecated one
1.5.12 – April 10th, 2017
- Adding some CSS to allow the editor’s text mode to function properly
1.5.11 – April 6th, 2017
- Checking for the existence of the
get_id()method before using it.
1.5.10 – April 5th, 2017
- Duplicating a product now duplicates custom product tabs and saved tabs correctly
1.5.9 – April 4th, 2017
- Tested and updated the plugin for WooCommerce v3.0.0
1.5.8 – March 17th, 2017
- Replaced the saved tab’s ID w/ an “Add New” button on the single saved tab page – it should be easier to add saved tabs in bulk now
- Added a filter for all of the custom tab content – it should allow you to apply custom logic such as permissions in one central location
- Changed the way saved tabs are applied on the edit product page – it should allow embed content (especially Google Maps Embed content) to function correctly in all instances.
1.5.7 – February 27th, 2017
- Duplicating a product now duplicates the corresponding saved tabs correctly
- Added two filters (
yikes_woo_filter_main_tab_content) to help provide a work-around to using the standard
the_contentfilter which has caused numerous issues due to plugin conflicts.
1.5.6 – February 16th, 2017
- Fixed an issue where the “Add a Saved Tab” modal was displaying YouTube videos if a saved tab had a YouTube URL in its content
1.5.5 – January 23rd, 2017
- Re-did 1.5.4 changes – checking for function existence before using it
1.5.4 – January 23rd, 2017
- Re-did 1.5.3 changes –
the_contentfilter is reapplied and the specific Site Builder plugin’s filters are
1.5.3 – January 23rd, 2017
- Replaced the use of
the_contentfilter with the filter’s associated functions (e.g.
1.5.2 – December 23rd, 2016
- The editor should only default to the ‘Visual’ tab for our Custom Product Tabs (no other editors)
- Added all of the default WordPress settings to the editor
1.5.1 – December 22nd, 2016
- Fixed bug that caused content to be copied incorrectly when moving tabs up / down
- Only on the product page will the editor defaul to ‘Visual’ (instead of every page)
1.5 – December 20th, 2016
- Version 1.5 includes a brand new feature – saved tabs – as well as a number of bug fixes, style tweaks, code clean-up, and comments
- UI: Complete overhaul of the custom tab interface for an easier, responsive tab creating experience.
- Saved Tabs: A new settings page has been added for users to create / update / delete saved tabs (see FAQ for more information)
- Saved Tabs: On the product edit page, a new button (‘Add a Saved Tab’) has been added that allows you to choose one of your saved tabs and add it to the current product
- Adding a new tab initializes a new wp_editor (WYSIWYG) instead of a plain textarea
- Added warning message when two tabs have the same title
- Tabs with empty titles are no longer shown on the product page
- Added ability to remove the first tab
- Adding, moving, and removing tabs works as expected when the user’s ‘Visual Editor’ option is checked
- On the product & settings pages, WYSIWYG editors will default to the visual tab (this helps prevent errors with dynamic wp_editor generation)
- Added a filter
yikes_woocommerce_default_editor_modethat can change the default-to-visual-tab behavior (use at your own risk!)
- Updated the ‘How To’ text, and slight modification to the style
- Added proper i18n, with languages/ folder, .pot file, and
- Incremented version #
1.4.4 – March 1st, 2016
- Re-named the tab ID’s to support URL’s with query args (eg: http://www.example.com/shop#tab-reviews)
1.4.3 – February 18th, 2016
- Wrapped missing ‘Custom Tab Title’ in localization/translation functions. (Plugin is now 100% translatable)
- Removed i18n class files, and old .po/.mo files (less bloat)
1.4.2 – February 17th, 2016
- Updated the internationalization strings (
1.4.1 – August 20th, 2015
- Fixed conflict with other CSV export plugins for WooCommerce
- Now custom product tab and row data/headers only get exported via ‘Tools > Export > Products’
1.4 – July 29th, 2015
- Enhancement: Added the ‘Custom Product Tabs for WooCommerce ‘ data to the standard WooCommerce export file, so custom tab data can be transferred between sites smoothly.
1.3 – July 21st, 2015
- Enhancement: Enabled WYSIWYG editor on tab content containers (enables shortcode and content to pass through the_content() filter)
- Updated repo screenshots and descriptions
1.2 – March 18th, 2015
- Enhancement: Fixed issue where non utf8 characters in tab titles caused front end not to generate the tabs
- Enhancement: When user doesn’t have WooCommerce installed, they are now redirected to the plugin install search page, with WooCommerce at the top.
- Added class to the Woo tabs content title, for targeting via CSS (
- Initial Release