显示商店概述中的产品差异（WooCommerce）

Question

我正在寻找一种在WooCommerce商店（概述）页面上显示产品变体的方法。这家商店是关于服装的，我想在标题和价格下面显示可用尺寸。因此，当产品缺货时，不应显示。

示例：

- 产品图片 -
产品名称
0.00

中，超大

Answer 1

有一个插件可以在弹出窗口中显示产品变体。当您单击选择选项时，它将打开一个弹出窗口。

https://wordpress.org/plugins/woo-product-variations-popup

Answer 2

将以下代码添加到functions.php中，然后使用CSS以您最喜欢的方式显示变体。

add_action( 'woocommerce_before_shop_loop', 'pixelarchitect_select_variations' );

function pixelarchitect_select_variations() {
remove_action( 'woocommerce_after_shop_loop_item', 'woocommerce_template_loop_add_to_cart', 10 );
add_action( 'woocommerce_after_shop_loop_item', 'woocommerce_template_single_add_to_cart', 30 );
}