You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

WooCommerce网站商品名称无法完整显示问题求助

解决WooCommerce首页商品标题显示不全的问题
  • 先查主题自定义设置
    很多主题自带WooCommerce产品标题长度控制,去「外观→自定义→WooCommerce→产品目录」里找找,有没有“产品标题字符限制”“标题自动截断”这类选项,直接调大字符数或者关闭截断功能就行。

  • 用CSS强制显示完整标题
    如果是CSS样式导致的截断,把下面代码加到「外观→自定义→额外CSS」里:

.woocommerce-loop-product__title {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: unset !important;
}

要是这个选择器不对,就用浏览器开发者工具(F12)找到标题对应的类名替换进去。

  • 替换WooCommerce标题钩子函数
    如果是主题/插件用代码截断的,在子主题的functions.php里加这段代码:
remove_action('woocommerce_shop_loop_item_title','woocommerce_template_loop_product_title',10);
add_action('woocommerce_shop_loop_item_title','custom_loop_product_title',10);
function custom_loop_product_title(){
    echo '<h2 class="' . esc_attr( apply_filters( 'woocommerce_product_loop_title_classes', 'woocommerce-loop-product__title' ) ) . '">' . get_the_title() . '</h2>';
}

这段代码会替换原来的标题输出逻辑,直接显示完整标题。

  • 排查插件冲突
    暂时禁用所有非WooCommerce的插件,刷新首页看标题是否正常。如果恢复了,再逐个启用插件,找到导致截断的那个,调整它的设置或者换个替代插件。

内容的提问来源于stack exchange,提问作者Muhammad Abid

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.10 01:05:20