为 WooCommerce 产品属性创建自定义按钮

Question

在 WooCommerce 中，我有一个名为 size 的属性。

默认情况下，WooCommerce 会弹出一个下拉列表来展示这一点。但是，我正在尝试创建自定义按钮来展示 size。

到目前为止，我有以下几点：

<?php

global $post;
global $product;

$args = array(
  'post_type'  => 'product',
  'posts_per_page' => 2
);

$loop = new WP_Query($args);

while ( $loop->have_posts() ) : $loop->the_post();

  $product_id = get_the_ID();
  $product = wc_get_product($product_id);
  $variations = $product->get_available_variations();
  $variations_id = wp_list_pluck( $variations, 'variation_id' );
  print_r($variations_id);


  foreach ($product->get_available_variations() as $variation) {
    foreach (wc_get_product($variation['variation_id'])->get_variation_attributes() as $attr) {
     echo '<pre>'; var_dump(wc_attribute_label( $attr )); echo '</pre>';
    }
 }

endwhile; wp_reset_query(); ?>

以上成功输出产品的尺寸，即输出：

但是，我不知道如何为我的自定义按钮定义点击操作，也看不到任何记录。因此，当用户点击我的自定义按钮，然后点击添加到购物车时，它会将正确的尺寸添加到购物车中。

我试图在不使用插件的情况下实现这一目标，是否可以实现？

Answer 1

您可以隐藏默认大小下拉菜单，单击自定义按钮可以更改隐藏输入中的值。

或

您需要从您的自定义添加到购物车按钮点击 API，这将使用产品 ID 的变体 ID

如果您可以给我发送链接，那么也许可以更好地指导您。如果有效请采纳