显示WooCommerce选定的变化信息如价格、重量等_WooCommerce教程

显示WooCommerce选定的变化信息如价格、重量等

最模板 2022-03-28 03:14 WooCommerce教程

让我们访问WooCommerce变体 ID。如果我需要读取变化价格、库存数量、SKU、重量等怎么办？那么，在这种情况下，我们需要不同的代码。
显示WooCommerce选定的变化信息如价格、重量等
在此屏幕截图中，您可以看到一个自定义 DIV，其中包含变化权重。例如，这就是您可以使用下面的代码段执行的操作！

在本例中，我们将在添加到购物车按钮下方的自定义 DIV 中打印变体价格 (price_html ) 。当然，您可以改为在 JavaScript 警报中显示信息，或者用它做任何您喜欢的事情。

我们将针对名为“found_variation”的自定义 WooCommerce jQuery 事件，这当然会在当前选择了一个变体后触发。

在代码片段之后，您会找到一个数据键列表，您可以使用该列表代替“price_html”来获取其他变体信息。

add_action( 'woocommerce_after_add_to_cart_form', 'bbloomer_echo_variation_info' );
 
function bbloomer_echo_variation_info() {
   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); // SIMPLY CHANGE price_html INTO ONE OF THE KEYS BELOW       
      });
   " );
}

正如我之前提到的，如果您需要其他信息而不是“price_html”，这里是您可以使用的数据键列表。'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'

在代码段中，只需更改：

.html(variation.price_html);

例如：

.html(variation.dimensions_html);

上一篇：控制WooCommerce在产品页标签数量
下一篇：如何WooCommerce产品缺货前端隐藏价格

变量$order获取WooCommerce订单信息

在WooCommerce我怎样才能得到订单总额或者我怎样才能得到订单物品或者可能是订单 ID、客户 ID、账单信息、付款方式、总退款等等，使用变量$order可以获取。可能有 $order_id 可用。在这种...
2022-04-15
使用$product获取WooCommerce产品信息ID、S

在WooCommerce中，使用变量$product 如何获取产品 SKU或者我怎样才能得到产品的简短描述或者可能是产品库存水平、运输等级、税收等级、价格、正常价格、销售价格等等.并非总是可以访问...
2022-04-15
在WooCommerce列表页显示商品品牌

安装好WooCommerce Brands 插件网站将显示品牌分类，商品也会出现品牌链接，但是商品列表页如何也显示商品品牌呢？仅将这些添加到单个产品页面中。在woomcomerce当中添加以下代码： ad...
2022-04-15
在WooCommerce添加产品视频代替图片

WooCommerce 不允许您添加产品视频，但是我们可以用几行代码添加它，不需要第三方插件。 WooCommerce 产品图片用于说明您的产品，但有些产品需要视频才能更好地展示它们。在这里，我将...
2022-04-04
重命名WooCommerce产品选项卡里的附加信息

系统WooCommerce产品选项卡里的附加信文字一般为Additional information，意思附加信息，但是我们可能需要修改成产品规格，文字Specifications，使用插件太过冗余，直接采用以下代码片段： a...
2022-04-04
WooCommerce启用PayPal Standard标准版

WooCommerce一次次升级把PayPal Standard标准版给隐藏了，推荐用高级版，对于广大外贸独立站来说，使用高级企业版就不能提现到个人账户了，我们需要PAYPAL标准版，这里最模板提供代码如下...
2022-04-04
当WooCommerce订单金额超过1000隐藏paypal

在当WooCommerce当中我们使用最多的支付工具是paypal，但是手续费太高了，4.4%加提现35美金，对于我们广大独立站来说，利润太薄了，若是出现一个更大的订单，超过1000，一下子就收走了...
2022-04-04
控制WooCommerce在产品页标签数量

如果您使用 WooCommerce 产品标签，一个产品可能属于其中的 10 个或更多。发生这种情况时，单个产品页面会显示一长串标签链接，这可能会占用太多空间（请参阅下面的屏幕截图以可视化...
2022-03-28
显示WooCommerce选定的变化信息如价格、重

让我们访问WooCommerce变体 ID。如果我需要读取变化价格、库存数量、SKU、重量等怎么办？那么，在这种情况下，我们需要不同的代码。...
2022-03-28
变量$cart获取WooCommerce购物车信息总数、

怎样才能得到WooCommerce购物车总数或者怎样才能显示WooCommerce购物车商品或者可能是购物车费用、申请的优惠券、购物车内容总量、总重量等等，这里使用$cart 变量. 1. 如果您可以访问 ...
2022-04-15

显示WooCommerce选定的变化信息如价格、重量等

显示WooCommerce选定的变化信息如价格、重量等

相关文章