如何在WooCommerce WordPress产品Widget中添加产品短描述?
嘿,没问题!给WooCommerce的产品Widget添加产品短描述其实不难,我给你两种超简易的操作方法,选你觉得顺手的来就行:
方法一:用代码片段(无需额外插件)
这种方法不用装插件,几步就能搞定:
- 打开WordPress后台,找到「外观」>「主题文件编辑器」(如果怕误改代码,也可以用FTP工具找到
wp-content/themes/你的当前主题/functions.php文件) - 在右侧文件列表里找到「主题函数 (functions.php)」,拉到文件最底部,粘贴下面这段代码:
add_action( 'woocommerce_product_widget_item_end', 'add_short_description_to_product_widget', 10, 1 ); function add_short_description_to_product_widget( $product ) { // 只在产品有短描述时显示 if ( $product->get_short_description() ) { echo '<div class="widget-product-short-description">' . wp_kses_post( $product->get_short_description() ) . '</div>'; } }
- 点击「更新文件」保存修改,现在去看产品Widget,有短描述的产品就会自动显示啦!
- 要是想让短描述看起来更舒服,还可以去「外观」>「自定义」>「额外CSS」里加一点样式,比如:
.widget-product-short-description { font-size: 14px; color: #666; margin: 5px 0 15px; line-height: 1.4; }
方法二:用插件(完全不用写代码)
如果你完全不想碰代码,这个方法最省心:
- 打开WordPress后台的「插件」>「添加新插件」
- 在搜索框里搜「WooCommerce Widget Customizer」,找那个安装量高、评分不错的插件
- 安装并激活后,去「外观」>「Widgets」找到WooCommerce的产品Widget
- 打开Widget的设置面板,你会看到新增了「显示产品短描述」的选项,勾选它,保存设置就完成啦!
两种方法都很简单,要是怕改代码出错,直接选插件方法就好;要是不想多装插件,代码片段的方法也很安全,只要别把代码粘错位置(一定要粘在functions.php的最底部,别覆盖原来的内容哦)。
内容的提问来源于stack exchange,提问作者Donato Battista




