How to add product cards above the description?

Question

WooCommerce

The drawing is funny, sorry. Purple is the product gallery and product picture, white is the name of the product, orange is the description, black is a card of other products that needs to be added. Please tell me how to do it. Thanks in advance!

Answer 1

There are three types of related products in WooCommerce. and two of them can be displayed on the product page.
For example related

remove_action( 'woocommerce_after_single_product_summary','woocommerce_output_related_products', 20 );
add_action( 'woocommerce_single_product_summary','woocommerce_output_related_products', 15 );

upsells

remove_action( 'woocommerce_after_single_product_summary','woocommerce_upsell_display', 15 );
add_action( 'woocommerce_single_product_summary','woocommerce_upsell_display', 16 );