显示商店概览中的产品变体（WooCommerce）

Question

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

例子：

- 产品图片 -
产品名称
0.00

中，超大型

Answer 1

添加以下代码添加到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); 
} 

Answer 2

有一个插件可用于在弹出窗口中显示产品变体。当你点击选择选项时，它会打开一个弹出窗口。

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