javascript - 显示相同结果计数产品的功能已离开 WooCommerce

Question

我想显示产品已离开/总产品并通过进度条显示，在产品页面上工作正常，但在循环页面(类别、商店页面)上仅显示一个产品的相同结果，这应该是不同的对产品的结果。这是代码

jQuery(document).ready(function(){
  'use strict';
    var wbpsSale = jQuery('#wpbsc_total_sale').attr('total-sale');
    var wbpsStock = jQuery('#wpbsc_total_sale').attr('total-stock');
    var jqmeter_params = {
        goal:wbpsStock,
        raised:wbpsSale,
        meterOrientation:'horizontal',
        displayTotal: true,  
        width:'100%',
        height:'17px'
        };
  jQuery("corergb-bar").jQMeter(jqmeter_params);

});

    function wpbsc_show_stock_shop() {
        global $product;
        global $post;
        $manage_stock = get_post_meta( $post->ID, '_manage_stock', true );
        if( $product->is_on_sale() && $product && $manage_stock == 'yes'){

        $stock = get_post_meta( $post->ID, '_stock', true );
        $wpbscSale = $product->get_total_sales();
        $wpbscTotalStock = intval($stock)+ intval($wpbscSale);
        ?>

        <div class="wpbsc-stock-counter">
           <div id="wpbsc_total_sale" class="total-sale-stat" total-sale="<?php echo esc_attr( $wpbscSale ); ?>" total-stock="<?php echo esc_attr($wpbscTotalStock) ?>"></div>
            <p class="stock-progressbar-status"><span class="total-sold"> <?php echo esc_html__("Đã bán: {$wpbscSale}",'wpbsc'); ?></span></p>
            <div id="corergb-bar" class="bar-progress-stat"></div>
        </div>


       <?php
      }
    }

请帮助我，我想显示用不同的方式 Hook “woocommerce_after_shop_loop_item_title”产品结果

图像示例:

here is showing on product page

showing on category but only progress bar not with percent

当我改变时jQuery("[id='corergb-bar']")到jQuery('.bar-progress-stat')结果进度条显示，但所有产品的结果相同，具有manage_stock

图像示例: should be different result on a product

Answer 1

编辑:一种非常简单的替代方法是使用 CSS 框架提供的进度条，因为大多数框架都包含进度条。例如，如果您使用 bootstrap，那么您可以使用查找其进度条的文档 here 。

很简单:

<div class="progress">
<div class="progress-bar" role="progressbar" style="width: <?php echo ((esc_attr( $wpbscSale )*100)/esc_attr( $wpbscTotalStock )); ?>%" aria-valuenow="<?php echo esc_attr( $wpbscSale ); ?>" aria-valuemin="0" aria-valuemax="<?php echo esc_attr($wpbscTotalStock) ?>">
</div>

上一个不正确扣除:快速查看后，我认为您可能没有获得 $stock 变量的值。您可以尝试使用 $product->get_id() 而不是 $post->ID 在 $stock = get_post_meta( $post->ID, '_stock ', true ); 然后再试一次？

所以它应该看起来像:$stock = get_post_meta( $product->get_id(), '_stock', true );

您也可以尝试改用[get_the_id()][1]。 编辑:您应该使用 get_the_id()没有对象引用。