ショップ概要（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