如何通过短代码实现WooCommerce商品页品牌名可点击跳转

• 方案1：调用插件原生带链参数（零代码优先选）
  你之前用的[product_brands_info type=’name’]默认关闭了链接输出，直接替换为带link参数的短代码即可，插件原生支持跳转对应品牌归档页：
  [product_brands_info type="name" link="1"]
  替换后清空页面缓存即可看到效果，链接样式会自动继承主题全局链接样式，需要调整字号、颜色、间距的话，直接在Flatsome UX编辑器给短代码模块加自定义CSS就行。

• 方案2：老版本插件兼容方案（自定义短代码）
  如果上述参数在你当前用的Brands for WooCommerce版本里不生效，用自定义短代码实现，推荐用Code Snippets插件插入以下代码，不要直接改父主题文件，避免主题更新丢失修改：

// 输出商品页可点击品牌名
add_shortcode('clickable_pwb_brand', 'pwb_render_clickable_brand');
function pwb_render_clickable_brand() {
    global $product;
    if (!$product) return '';
    $brand_terms = get_the_terms($product->get_id(), 'pwb-brand');
    if (empty($brand_terms) || is_wp_error($brand_terms)) return '';
    $current_brand = $brand_terms[0];
    return sprintf(
        '<div class="single-product-brand"><a href="%s" class="brand-link">%s</a></div>',
        esc_url(get_term_link($current_brand)),
        esc_html($current_brand->name)
    );
}

代码添加完成后，将原来的品牌短代码替换为[clickable_pwb_brand]即可，可通过自定义CSS控制.single-product-brand .brand-link的外观，匹配你商品页的设计风格。

• 方案3：Flatsome模板直接嵌入（适合自定义模板场景）
  如果你是通过Flatsome主题模板构建器设计商品页，直接在商品标题上方插入「HTML/PHP」模块，粘贴以下代码即可，无需额外挂短代码：

<?php
global $product;
$brand_terms = get_the_terms($product->get_id(), 'pwb-brand');
if (!empty($brand_terms) && !is_wp_error($brand_terms)) {
    $brand = $brand_terms[0];
    printf(
        '<div class="product-brand-head"><a href="%s">%s</a></div>',
        get_term_link($brand),
        $brand->name
    );
}
?>

常见问题排查：如果添加后点击品牌链接跳404，直接进WordPress后台「设置-固定链接」页面，无需修改任何配置，点击底部「保存更改」刷新固定链接规则即可恢复正常；如果效果不显示，先清空网站缓存、浏览器缓存再测试。

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