顯示商店概覽中的產品變體（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