Get Additional Information and Reviews Out of Tabs / Change UI for Product Page in WooCommerce

My client wants to display the data that appears by default in the Additional Information and Reviews tab on single product pages in WooCommerce. I was able to prevent the tabs from displaying and to set up a separate output for the product Description tab on the single product page like so in /wp-content/plugins/woocommerce/includes/wc-template-hooks.php:

remove_action( ‘woocommerce_after_single_product_summary’, ‘woocommerce_output_product_data_tabs’, 10 );

function woocommerce_template_product_description() {
woocommerce_get_template( ‘single-product/tabs/description.php’ );
}
add_action( ‘woocommerce_after_single_product_summary’, ‘woocommerce_template_product_description’, 10 );

That works fine. But, when I tried something similar for Additional Info and Reviews, nothing displays:

function woocommerce_product_additional_information() {
woocommerce_get_template( ‘single-product/tabs/additional-information.php’ );
}
add_action( ‘woocommerce_after_single_product_summary’, ‘woocommerce_product_additional_information’, 20 );

function woocommerce_template_product_reviews() {
woocommerce_get_template( ‘single-product/review-rating.php’ );
}
add_action( ‘woocommerce_after_single_product_summary’, ‘woocommerce_template_product_reviews’, 30 );

What am I doing wrong here?

I also want to change the default UI for Additional Info, which displays a zebra-striped, two-column table — I’m trying to make them display a label above the value for each attribute in separate responsive columns. In the file, there is the following snippet whose action I can’t track down:

What is driving that and how can I change how it is output, not just change its CSS? Many thanks for any help you can provide me here.

Read more here:: Get Additional Information and Reviews Out of Tabs / Change UI for Product Page in WooCommerce

Leave a Reply

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