Display product reviews separately outside the WooCommerce tabs

By default description, reviews and additional information show in one ‘tabs’ section in WooCommerce. Want to display ‘reviews’ outside this ‘tabs’ area separately for more user engagement and visibility? You can quickly implement this, and it also looks cool.

Preview: Reviews outside WooCommerce Tabs

Display product reviews separately outside the woocommerce tabs

Display product reviews separately outside the woocommerce tabs

PHP Code: Separate Reviews section

In the WordPress Dashboard, go to Appearance > Theme Editor and open the functions.php file. Add the following code at the end.

CSS Codes: Adding Style to this section

In the WordPress Dashboard, click on the “Customize” button (Appearance > Customize) and then add the following CSS code into the Additional CSS box.

CSS code: Astra theme users

 

Share this Tutorial

Leave a Comment