我想在悬停产品时在商店页面上显示我的产品变体，使客户能够将产品添加到购物车（选择变体）而无需进入单个产品页面。
我已将以下代码添加到 content-product.php，它显示了商店页面中单个产品页面的整个产品变体。
remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_title', 5 );
remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_price', 10 );
remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_excerpt', 20 );
do_action( 'woocommerce_single_product_summary' );
将此图像视为示例：http ://cormilu.com.br/cormilu-content/themes/cormilu-child/Images/example.JPG
如图所示，变化出现在产品下方。我希望它们出现在产品上方并且仅在悬停时出现。有谁知道如何做到这一点？
感谢您的任何想法。
干杯，阿米尔