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

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

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

1、編輯首頁，插入短代碼

[product_page id="99"]

上面代碼中的99請使用你自己的產(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
    }
}