WooCommerce 产品调用

如果你了解 WordPress,那么也一定不会对 WooCommerce 陌生,它是 WordPress 最重要的电子商务插件。在 WooCommerce 的帮助下,用户可以在 WordPress 基础上轻松构建电子商务网站。

WooCommerce 提供一些自带的短代码,可以帮助用户更方便的调用产品和产品分类。WooCommerce 主要由 4 个页面组成,分别为:

  • [woocommerce_cart]  – 购物车页面
  • [woocommerce_checkout]  – 结帐页面
  • [woocommerce_my_account]  – 用户帐户页面
  • [woocommerce_order_tracking]  – 订单跟踪表单

因此,通过插入上面的短代码,我们可以创建任何相关页面。现在,假设要创建一个页面,可以在其中显示订单跟踪功能。那么,我们只需要使用下面的短代码即可。

[woocommerce_order_tracking]

产品短代码

WooCommerce 的产品短代码 [products],允许用户按文章 ID、SKU、类别、属性显示产品, 支持分页、随机排序和产品标签, 而不需要使用多个短代码,  例如[featured_products][sale_products][best_selling_products][recent_products][product_attribute] 和 [top_rated_products]

显示特定产品分类的产品

  • [product_category] – 显示指定产品类别中的产品。
  • [product_categories] – 显示所有产品类别的产品。

例如下面的短代码,它会在页面上显示“Cates”类别下的产品,并将输出 4 列和 12 个产品。

[product_category category="peanuts" per_page="12" columns="4" orderby="date" order="desc"]

随机展示产品:

[products limit="4" columns="4" orderby="popularity" class="quick-sale" on_sale="true"]

展示特色产品:

[products limit="4" columns="2" visibility="featured"]

展示畅销产品:

[products limit="3" columns="3" best_selling="true"]

展示最新产品:

[products limit="4" columns="4" orderby="id" order="DESC" visibility="visible"]

展示多个类别的产品:

[products limit="8" columns="4" category="hoodies, tshirts" cat_operator="AND"]

或者,排除某些类别的产品。只需要将cat_operator 的值改为 NOT IN

[products limit="8" columns="4" category="hoodies, tshirts" cat_operator="NOT IN"]

属性显示:

[products columns="3" attribute="season" terms="warm" orderby="date"]


或者,如果只想展示冬季的产品,还可以加一个 terms_operator=”NOT IN”,来排除温暖季节的产品:

[products columns="3" attribute="season" terms="warm" terms_operator="NOT IN"]
好的,下面是一个简单的 WooCommerce 产品页的例子,包括产品标题、描述、价格、图像和购买选项: ``` <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>WooCommerce 产品页</title> </head> <body> <div> <h1><?php the_title(); ?></h1> <p><?php the_content(); ?></p> <p>价格:<?php echo get_post_meta(get_the_ID(), '_regular_price', true); ?></p> <?php if (has_post_thumbnail()): ?> <img src="<?php the_post_thumbnail_url(); ?>" alt="<?php the_title(); ?>"> <?php endif; ?> <form class="woocommerce-cart-form" action="<?php echo esc_url(apply_filters('woocommerce_add_to_cart_form_action', $product->get_permalink())); ?>" method="post" enctype="multipart/form-data"> <?php do_action('woocommerce_before_add_to_cart_button'); ?> <div class="woocommerce-variation-add-to-cart variations_button woocommerce-variation-add-to-cart-enabled"> <div class="woocommerce-variation-add-to-cart variations_button woocommerce-variation-add-to-cart-enabled"> <div class="quantity"> <input type="number" class="input-text qty text" name="quantity" value="1" title="数量" inputmode="numeric"> </div> <button type="submit" class="single_add_to_cart_button button alt"><?php echo esc_html($product->single_add_to_cart_text()); ?></button> <input type="hidden" name="add-to-cart" value="<?php echo absint($product->get_id()); ?>"> </div> </div> <?php do_action('woocommerce_after_add_to_cart_button'); ?> </form> </div> </body> </html> ``` 请注意,这只是一个基本的模板,您可能需要根据您的特定需求进行修改和定制。此外,还需要确保正确配置 WooCommerce 设置和产品选项,以便使产品页面正常工作。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值