How to Edit/Remove, Rename, and Reorder Product Data Tabs

How to Edit/Remove, Rename, and Reorder Product Data Tabs

WooCommerce product pages display information using Product Data Tabs, such as Description and Additional Information.
Porto extends this functionality by allowing:

  • Custom product tabs per product
  • Global tabs (e.g. Size Guide) using Porto Blocks
  • Visual enable/disable control via Porto Product Single Builder
  • Advanced customization via WooCommerce filters

This guide explains all supported methods, from visual editing to code-based control.

Default Product Tabs

1. Description Tab

  • Content comes from the main product editor content area
  • Automatically displayed in the Description tab on the product page
Description Tab Content
Description Tab Display

2. Additional Information Tab

  • Displays all product attributes
  • Attributes added under Product Data → Attributes appear here automatically
Additional Information Tab Content
Additional Information Tab Display

Custom Product Tabs (Per Product)

Porto supports adding custom product tabs on a per-product basis, allowing you to display additional information beyond the default WooCommerce tabs.

Step 1: Define the Number of Custom Tabs

Before adding content, you must specify how many custom tabs are available.

  1. Go to Porto → Theme Options → WooCommerce → Single Product
  2. Find Additional Tabs Count (Product Custom Tab)
  3. Enter the number of custom tabs you want to use
  4. Save changes

This setting controls how many Custom Tab title and content fields appear on the product edit screen.

Step 2: Add Custom Tab Content to a Product

  1. Edit a product in WooCommerce
  2. Scroll to the Custom Tabs section in the product editor
  3. Enter Tab title and Tab content
  4. Save the product

Each filled custom tab will appear as a new tab on the product page.

Custom Tab Content
Custom Tab Display

Global Tab: "Size Guide"

Porto provides a global Global tab using the Template Builder.

How it works:

  • The Global tab content is loaded from a Porto Block
  • The block slug is defined in Porto → Theme Options → WooCommerce → Single Product → Global Product Custom Tab Block

How to edit the Global tab content:

  1. Go to Dashboard → Porto → Template Builder
  2. Locate the block which has slug name you input in above.
  3. Edit it using Elementor or WPBakery.
  4. Save and clear cache

All products using the global block will update automatically.

Global Tab Display

NEW: Control Product Tab Display Using Product Single Builder (Recommended)

Porto allows you to control which product tabs are displayed when building a product layout using Porto Product Single Builder. Within the Product Tabs element, you can explicitly select which tabs should be rendered in that widget. Available options include:

  • Description
  • Additional Information
  • Reviews
  • Custom Tabs (when available)

Each Product Tabs element works independently, meaning the selected tabs apply only to that layout instance.

How to Configure

  1. Go to Porto → Product Single Builder
  2. Edit a product layout
  3. Select the Product Tabs element
  4. Choose the tabs you want to display (Description, Additional Information, etc.)
  5. Save the layout

Only the selected tabs will appear on the product page within that layout.

Advanced Customization Using Code

For developers who need deeper control, WooCommerce filters can be used.

Add the following code snippets to your child theme’s functions.php file.

Remove Product Tabs

add_filter( 'woocommerce_product_tabs', 'porto_remove_product_tabs', 98 );
function porto_remove_product_tabs( $tabs ) {
unset( $tabs['description'] );
unset( $tabs['reviews'] );
unset( $tabs['additional_information'] );
return $tabs;
}

Rename Product Tabs

add_filter( 'woocommerce_product_tabs', 'porto_rename_product_tabs', 98 );
function porto_rename_product_tabs( $tabs ) {
$tabs['description']['title'] = __( 'More Information' );
$tabs['reviews']['title'] = __( 'Ratings' );
$tabs['additional_information']['title'] = __( 'Product Data' );
return $tabs;
}

Reorder Product Tabs

add_filter( 'woocommerce_product_tabs', 'porto_reorder_product_tabs', 98 );
function porto_reorder_product_tabs( $tabs ) {
$tabs['reviews']['priority'] = 5;
$tabs['description']['priority'] = 10;
$tabs['additional_information']['priority'] = 15;
return $tabs;
}

Lower priority numbers appear first.

Best Practices

  • Use Product Single Builder tab controls whenever possible
  • Use code only when layout-based control is insufficient
  • Clear cache after making tab changes
  • Avoid duplicating tab logic between builder layouts and custom code


Share:

Related Posts

Support Related Posts

Featured Posts

Porto is everything you need to create an awesome website!

Don’t have Porto Yet? Purchase Now!