woocommerce商城开发中短代码的应用举例

WordPress爱好者

发布于 2025-07-30 09:13:02

2300

文章被收录于专栏：WordPress技术文章WordPress技术文章

在WooCommerce商城开发中，短代码(Shortcode)是快速插入动态内容和功能的核心工具。以下是一些高频使用的短代码及实际开发场景示例，涵盖商品展示、购物车和结账流程、用户中心等模块：

1.商品展示类短代码

场景1：首页展示“新品上架”

// 在首页模板或古腾堡区块中添加
[recent_products limit="8" columns="4" orderby="date" order="DESC"]

扩展：搭配on_sale=”true”可筛选促销商品。

场景2：分类页展示特定分类商品

// 仅显示“电子产品”分类下的商品，每页12个
[products category="electronics" limit="12" columns="4" paginate="true"]

场景3：自定义商品列表(通过SKU)

// 手动指定多个SKU的商品
[products skus="SKU001,SKU002,SKU003" orderby="sku"]

2.购物车和结账流程

场景1：独立购物车页面]

// 在自定义页面（如 `/cart`）中插入
[woocommerce_cart]

注意：需确保WooCommerce设置中已分配该页面为购物车页。

场景2：迷你购物车(侧边栏/弹窗)

// 在主题的小工具区域或弹窗模板中
[woocommerce_mini_cart]

场景3：结账页面

// 在 `/checkout` 页面中插入
[woocommerce_checkout]

扩展：通过woocommerce_checkout_fields钩子自定义字段。

3.用户中心与订单

场景1：用户订单历史

// 在“我的账户”页面或会员中心
[woocommerce_my_account]

扩展：通过woocommerce_account_menu_items钩子添加自定义标签(如“我的积分”)。

场景2：追踪订单

// 在订单追踪页面
[woocommerce_order_tracking]

4.促销与动态内容

场景1：限时促销倒计时

// 结合短代码和自定义字段（需开发）
[sale_countdown product_id="123" expiry="2025-08-30"]

实现：通过add_shortcode()注册自定义短代码，读取商品促销截止时间。

场景2：会员专属折扣提示

// 在商品详情页显示会员价（需开发）
[member_price product_id="123" role="premium_member"]

5.高级应用：自定义短代码开发

示例：显示当前用户的最近浏览商品

// 在 functions.php 中注册短代码
add_shortcode('recently_viewed_products', function($atts) {
    $atts = shortcode_atts(['limit' => 4], $atts);
    $viewed_products = wc_get_recently_viewed_products();
    if (empty($viewed_products)) return '暂无浏览记录';

    $product_ids = array_slice($viewed_products, 0, $atts['limit']);
    return do_shortcode('[products ids="' . implode(',', $product_ids) . '" columns="4"]');
});

// 使用方式：[recently_viewed_products limit="6"]

6.注意事项

性能优化：避免在循环中直接使用短代码(如do_shortcode())，改用WC_Shortcodes::products()类方法。

样式冲突：通过woocommerce_shortcode_products_query钩子修改查询参数，确保与主题兼容。

Gutenberg兼容：使用register_block_type()将短代码转换为古腾堡区块(如WooCommerceBlocks插件)。

原文

https://www.jianzhanpress.com/?p=8918

本文系转载，前往查看

如有侵权，请联系 cloudcommunity@tencent.com 删除。

woocommerce