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

如何在Woocommerce Storefront的Shop页面将描述移至产品下方?

调整WooCommerce Shop页面描述位置至产品下方(Storefront主题适用)

你已经通过代码实现了产品分类页面的描述下移,要让全局Shop目录页也生效,只需要在原有判断里加入is_shop()条件即可——这个函数是WooCommerce专门用来识别Shop主页面的条件标签。

修改后的完整代码如下:

add_action('woocommerce_archive_description', 'custom_archive_description', 2 );
function custom_archive_description(){
    // 同时匹配产品分类页和Shop主页面
    if( is_product_category() || is_shop() ) :
        // 移除默认位置的描述
        remove_action('woocommerce_archive_description', 'woocommerce_taxonomy_archive_description', 10 );
        // 把描述添加到产品列表下方
        add_action( 'woocommerce_after_main_content', 'woocommerce_taxonomy_archive_description', 5 );
    endif;
}

注意事项

  • 不要直接修改Storefront父主题的functions.php,建议使用子主题的functions.php文件,或者用代码片段插件(比如Code Snippets)添加代码,避免主题更新后代码丢失。
  • 代码里的优先级5可以根据实际显示需求调整数值:数值越小,元素加载位置越靠前;数值越大则越靠后。

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

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.07.20 18:05:00