By default WooCommerce product tabs like description, additional information & customer reviews, etc are coming in tabs style on the single product details page. In this tutorial, I shall show how you’ll replace these tabs with accordions. Actually, the accordion mode is a good option for mobile devices. So tablet users can smoothly handle the product details. We shall also do an extra job. We shall move it to the right side of the product image (below the product summary section).
1. Removes WooCommerce Product Tabs
At first, remove the unwanted items (product tabs) from the product details page. Just drop this single PHP line into functions.php file of your theme.
<?php //* Do not include this line
//* removes default woocommerce tabs from single product page
remove_action( 'woocommerce_after_single_product_summary', 'woocommerce_output_product_data_tabs' );
2. Adds WooCommerce Product Data to Accordion
Converting the WooCommerce product data tabs to accordion style. Again open the functions.php file of your theme and add this PHP snippet there.
The rest of the content is available for Pro members. Click on the PAY NOW button to enable access to this content.
* Payment is non-refundable.