首页 > 解决方案 > 为 WooCommerce 产品属性创建自定义按钮

问题描述

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(); ?>

以上成功输出了产品的尺寸,即输出:

在此处输入图像描述

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

我试图在不使用插件的情况下实现这一点,它可以实现吗?

标签: phpwordpresswoocommerce

解决方案


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

或者

您需要从自定义添加到购物车按钮中点击 API,该按钮将采用产品 ID 的变体 ID

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


推荐阅读