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
相关产品推荐
相关产品推荐

