Setup WooCommerce Ultimate Custom Product Tabs

Learn how to setup & use our WooCommerce Ultimate Tabs plugin with ease.

Settings Panel

You can find the everything inside your Admin Panel below WooCommerce -> Ultimate Tabs.  If you can not see the settings panel, make sure you have installed the Redux Framework Plugin.

General Settings

In the General settings are you have the following options:

  • Enable:
    Enable ultimate tabs to use the options below
  • Amount of global Tabs
    Set the amount of category / global tabs you want to use
  • Reorder / Disable the general Tabs
    Reorder or even disable the general WooCommerce Tabs
  • Enable Tab Rename
  • Rename Description Tab
  • Rename Reviews Tab
  • Rename Additional Information Tab
  • Disable Tab Functionality
woocommerce ultimate custom tabs settings
woocommerce ultimate custom tabs settings

Global Styles

  • Enable:
    Enables global styles.
  • Tab Icon:
    Add an Icon to the tabs.
    ImportantIn order to add an icon to your tabs you have to adjust your theme / woocommerce template. Please go to your-theme/woocommerce/single-product/tabs/tabs.php and change esc_html( $tab ) to $tab!
  • Tab Background Image:
    Add an Background to the tabs.
  • Tab Background Size:
    Set the Size for the Background Image.
  • Tab Background Repeat:
    Set the Repeat for the Background Image.
  • Tab Text Color:
    Add a text color to the tabs.
  • Tab Background Color:
    Add a background color to the tabs.
global product tab styles
global product tab styles

Global & Category Tabs

Depending on the amount of  tabs you have set in general settings, you can create global or category tabs in each tab setting. Each tab has the same setting options. These are described below.

  • Enable
    Enables this tab.
  • Title:
    Title of the Tab.
  • Priority:
    Priority of the Tab.
    General Tabs have the priority as followed:
    Tab Position * 10 (e.g. Product Description is on 1, then you have the priority of 10).
  • Callbacks:
    Each of these callbacks can create optional settings for this callback!
    • Editor
    • Contact 7 Form
    • Show single Products
    • Show Products by category
    • Show Product Categories
    • Show Cart
    • Show Checkout
    • Show Order Tracking
    • Show My Account
    • Show Recent Products
    • Show Featured Products
    • Show Sale Products
    • Show Best Selling Products
    • Show Top Rated Products
    • Show Related Products
  • Amount of products:
    Limit the number of products to be shown on e.g. related products callback.
  • Columns
    Configure how many columns will be shown on e.g. related products callback.
  • Apply for Product categories:
    Only add this tab to specific product categories.
  • Apply for Products:
    Only add this tab to specific products.
  • Styling
    • Enable:
      Enables styles.
    • Tab Icon:
      Add an Icon to this tab.
      ImportantIn order to add an icon to your tabs you have to adjust your theme / woocommerce template. Please go to your-theme/woocommerce/single-product/tabs/tabs.php and change esc_html( $tab ) to $tab!
    • Tab Background Image:
      Add an Background to this tab.
    • Tab Background Size:
      Set the Size for the Background Image.
    • Tab Background Repeat:
      Set the Repeat for the Background Image.
    • Tab Text Color:
      Add a text color to this tab.
    • Tab Background Color:
      Add a background color to this tab.
global and category product tabs
global and category product tabs

Create Custom Product Tabs

Beside the global & category product tabs you can also create custom products tabs within editing a single product in backend. In product data you will find a new tab called “Custom Tabs”. Here you can add up to 7 different tabulators including:

  • Title
  • Priority
  • Content (text / shortcode using WYSIWG Editor)
create a custom woocommerce product ab
create a custom woocommerce product ab

Advanced Settings

Custom stylesheet / javascript.

  • Custom CSS:
    Add some stylesheet if you want.
  • Custom JS:
    Add some javascript if you want.

Leave a Reply

Your email address will not be published.