在我們給客戶制作電商網(wǎng)站的時(shí)候，有些朋友希望可以直接打開(kāi)網(wǎng)站首頁(yè)就看到某款單品的購(gòu)買界面。

常規(guī)的，我們通過(guò)WooCommerce段代碼或者其他構(gòu)建器在首頁(yè)添加產(chǎn)品，都是展示的產(chǎn)品圖片和標(biāo)題，需要點(diǎn)擊圖片和標(biāo)題進(jìn)入產(chǎn)品詳情頁(yè)，然后才能看到購(gòu)買界面。

而我們可以通過(guò)下面的方法實(shí)現(xiàn)直接在首頁(yè)展示某款產(chǎn)品的詳情頁(yè)，實(shí)現(xiàn)在首頁(yè)即可選擇產(chǎn)品的變量并進(jìn)行購(gòu)買操作。

1、編輯首頁(yè)，插入短代碼

[product_page id="99"]

上面代碼中的99請(qǐng)使用你自己的產(chǎn)品id替代。

2、在主題函數(shù)里面添加下面代碼，隱藏產(chǎn)品的其他雜類信息

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