如何在Admin Panel产品视图中显示各商品变体可用库存数量？

下面分不同场景给出具体实现方案：

针对WooCommerce（WordPress电商系统） #

• 新增库存列
  在主题的functions.php文件或自定义插件中添加代码，给变体列表新增“可用库存”列：

  add_filter( 'woocommerce_product_variation_list_table_columns', 'add_variation_stock_column' );
  function add_variation_stock_column( $columns ) {
      $columns['stock'] = '可用库存';
      return $columns;
  }
  

• 填充库存数据
  接着添加代码，把每个变体的实时可用库存值渲染到列中：

  add_action( 'woocommerce_product_variation_list_table_column_stock', 'display_variation_stock_column' );
  function display_variation_stock_column( $variation ) {
      // 带样式的库存显示（包含缺货/有货标识）
      echo wc_get_stock_html( $variation );
      // 若只需纯数值，替换为：echo $variation->get_stock_quantity();
  }
  

• 调整列位置（可选）
  想把库存列移到价格列之后的话，用这段代码调整顺序：

  add_filter( 'woocommerce_product_variation_list_table_columns', 'reorder_variation_stock_column' );
  function reorder_variation_stock_column( $columns ) {
      $reordered_columns = array();
      foreach ( $columns as $key => $value ) {
          $reordered_columns[$key] = $value;
          if ( $key === 'price' ) {
              $reordered_columns['stock'] = '可用库存';
          }
      }
      return $reordered_columns;
  }
  

针对Shopify电商系统 #

• 若使用Shopify Plus权限，可直接在后台产品模板中自定义修改，在变体循环中添加库存显示：

  {% for variant in product.variants %}
    <td>{{ variant.inventory_quantity }}</td>
  {% endfor %}
  

• 普通权限账号可安装Shopify应用商店中的库存管理类插件，大部分插件支持在后台变体列表中显示可用库存。

针对自定义开发的Admin Panel #

1. 后端接口修改：在查询产品变体的接口中关联库存数据表，计算并返回每个变体的实时可用库存（需扣除未付款订单占用的库存）；
2. 前端表格调整：在产品视图的变体表格列配置中新增“可用库存”列，绑定接口返回的库存字段值；
3. 实时更新：若有库存变动场景，通过WebSocket或定时刷新确保库存数值实时同步。

内容的提问来源于stack exchange，提问作者Adam Mak