You need to enable JavaScript to run this app.
最新活动
大模型
产品
解决方案
定价
生态与合作
支持与服务
开发者
了解我们

如何在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

火山引擎 最新活动