我希望在悬停产品时在商店页面上显示我的产品变体，使客户能够在不进入单一产品页面的情况下将产品添加到购物车（选择变体）。
我已将以下代码添加到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
如图所示，产品下方会出现变化。我希望它们出现在产品上并且仅在悬停时出现。有没有人知道如何做到这一点？
感谢任何想法。
干杯， 阿米尔
