如何在WordPress首页展示产品的详细购买信息

在我们搭建独立站的时候,有部分需求可能是把产品的详细信息直接显示在网站的首页,这样可以方便用户直接购买。

一. 调用产品

在首页的合适位置插入这个简码,它就会调用对应产品的详细信息。

[product_page id="288"]
如何在WordPress首页展示产品的详细购买信息 1

二. 去掉不需要的部分

将下面代码粘贴到【自定义——主题文件编辑器——子主题——functions.php】底边,保存即可。

add_action( 'template_redirect', 'remove_after_single_product_section_on_home', 1 );
function remove_after_single_product_section_on_home(){

    // On home page only
    if( is_front_page() ) {
        remove_action( 'woocommerce_after_single_product_summary', 'woocommerce_output_product_data_tabs', 10 ); // Product tabs
        remove_action( 'woocommerce_after_single_product_summary', 'woocommerce_upsell_display', 15 ); // Upsells
        remove_action( 'woocommerce_after_single_product_summary', 'woocommerce_output_related_products', 20 ); // Related products
    }
}
如何在WordPress首页展示产品的详细购买信息 2

© 文章版权归白小菌所有,🫰欢迎转发分享。未经允许请勿抄袭转载。

订阅评论
提醒
guest
0 评论
最新
最旧 最多投票
内联反馈
查看所有评论