怎么在WordPress首页展示某款产品的详细购买界面

在我们给客户制作电商网站的时候,有些朋友希望可以直接打开网站首页就看到某款单品的购买界面。

常规的,我们通过WooCommerce段代码或者其他构建器在首页添加产品,都是展示的产品图片和标题,需要点击图片和标题进入产品详情页,然后才能看到购买界面。

而我们可以通过下面的方法实现直接在首页展示某款产品的详情页,实现在首页即可选择产品的变量并进行购买操作。

1、编辑首页,插入短代码

[product_page id="99"]

上面代码中的99请使用你自己的产品id替代。

2、在主题函数里面添加下面代码,隐藏产品的其他杂类信息

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
    }
}

 

THE END