在产品页面上显示所有 WooCommerce 变体信息答案

【问题标题】：Display All WooCommerce Variation Information on Product Page在产品页面上显示所有 WooCommerce 变体信息
【发布时间】：2022-01-06 08:13:53
【问题描述】：

虽然这可以正常工作，但我需要帮助让它显示所有可用的不同变体详细信息。

到目前为止，它会显示价格。这是可用变量的完整列表：

'attributes'
'availability_html'
'backorders_allowed'
'dimensions'
'dimensions_html'
'display_price'
'display_regular_price'
'price'
'image'
'image_id'
'is_downloadable'
'is_in_stock'
'is_purchasable'
'is_sold_individually'
'is_virtual'
'max_qty'
'min_qty'
'price_html'
'sku'
'variation_description'
'variation_id'
'variation_is_active'
'variation_is_visible'
'weight'
'weight_html'

这是代码，如果可能的话，我需要帮助将所有这些都显示为表格。

add_action( 'woocommerce_after_add_to_cart_form', 'display_variation_info_in_product_summary' );
function display_variation_info_in_product_summary() {

   global $product;

            if ( ! $product->is_type( 'variable' ) ) return;

                    echo '<div class="var_info"></div>';
                       wc_enqueue_js( "
                          $(document).on('found_variation', 'form.cart', function( event, variation ) {
                             $('.var_info').html(variation.price_html); // need to show all options here
                      });
               " );
}

【问题讨论】：

标签： javascript php woocommerce variations

【解决方案1】：

这行得通吗？我正在使用它来显示带有价格的变体选项表。它适用于多个属性。

add_action( 'woocommerce_before_add_to_cart_form', 'display_variation_info_in_product_summary' );
function display_variation_info_in_product_summary() {
  global $product;

  if ( !$product->is_type( 'variable' ) ) return;

  $variations = $product->get_available_variations();

  echo '<div class="variation-prices"><table>';
  foreach($variations as $variation){
    $attributes = wc_get_formatted_variation($variation['attributes'],true, false);
    echo '<tr><td>' . $attributes . '</td><td>' . wc_price($variation['display_price']) . '</td></tr>';
  }
  echo '</table></div>';
}

【讨论】：