WooCommerce product page without tabs, like on Amazon.

In order to not make mistakes when selling, the safest thing to do is to imitate the big ones like Amazon.

And have you noticed that Amazon’s product page has no information tabs?

Well yes, while in any standard installation and theme for WooCommerce you will always have separate tabs for product description, details and ratings.

On Amazon there are no tabs, you have one section following the other as you navigate down the page.

Which type is better, by tabs or all in a row?

Well, I wouldn’t really know…

• If you do not want to risk and want to take advantage of the user experience without tabs, because everyone knows how to shop on Amazon.
• If your customers are used to having the information in tabs, in shorter but more specific pages, leave the WordPress setting using tabs.

And if not, you can always do a test to see which structure converts more, how you get more sales.

I have made up my mind, I don’t want tabs

If you decide not to show tabs, simple, just add a code that makes them disappear, and the information of your products will be displayed all in a row, as in Amazon.

The code is this one:

/* WooCommerce products without tabs */
function woocommerce_output_product_data_tabs() {
$product_tabs = apply_filters( 'woocommerce_product_tabs', array() );
if ( empty( $product_tabs ) ) return;
echo '<div class="woocommerce-tabs wc-tabs-wrapper">';
foreach ( $product_tabs as $key => $product_tab ) {
?>
<div id="tab-<?php echo esc_attr( $key ); ?>">
<?php
if ( isset( $product_tab['callback'] ) ) {
call_user_func( $product_tab['callback'], $key, $product_tab );
}
?>
</div>
<?php 
}
echo '</div>';
}Code language: PHP (php)

The above code must be added in one of two ways, to choose from:

• At the end of the functions.php file of the active child theme.
• In your customizations plugin.

When you save the changes your product pages will no longer have tabs, all the information will be displayed in a row.

As you will see, easy and effective.