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

常規的，我們通過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
    }
}