WooCommerce product page without tabs, like on Amazon.

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.

woocommerce product with tabs

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:

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.

woocommerce product without tabs

How useful was this post?

Click on a smiley to rate it!

Average rating 5 / 5. Vote count: 1

No votes so far! Be the first to rate this post.

As you found this post useful...

Follow us on social media!

About The Author

2 thoughts on “WooCommerce product page without tabs, like on Amazon.”

Leave a Comment

Your email address will not be published. Required fields are marked *

Scroll to Top
Skip to content