By default WooCommerce product tabs like description, additional information & customer reviews etc are coming in tabs style on single product details page. In this tutorial I shall show how you’ll replace these tabs to accordion. Actually accordion mode is a good option for mobile devices. So tablet users can smoothly handle the product details. We shall also do a extra job. We shall move it to right side of the product image (below the product summary section).
1. Removes WooCommerce Product Tabs
At first removing the unwanted items (product tabs) from 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
Coverts the WooCommerce product data tabs to accordion style. Again open the functions.php file of your theme and add this PHP snippets there.
The rest of the content is available for Pro members. Click on the PAY NOW button to enable access to this content.