php - 如何在 Woocommerce 的主页上显示单个变量产品页面

Question

在 Woocommerce 中，我有一个具有不同属性的单一变量产品集。
我可以在作为商店的存档页面中看到如下图所示的产品(没有其属性变化):



当我在它的单个产品页面中看到该产品时，我能够看到以下详细信息:



所以我希望在主页上看到所有详细信息，以便买家可以选择他们的变体并添加到购物车，而无需进一步打开产品。

我试图编辑 woocommerce single-product.php 文件，但我没有让它工作。

有没有办法获得这些完整的细节？

任何帮助表示赞赏。

Answer 1

如果您想在主页上显示“详细”可变产品(如单个产品页面)，您需要:

创建一个简单的 Wordpress 页面 and make it your home page .

在该页面中，在 Wordpress 内容文本编辑器中，您将粘贴 woocommerce shortcode .在此短代码中，您将设置与要显示的所需产品相对应的正确帖子 ID(或产品 ID)，如下例所示:

[product_page id="99"]

现在，您将在主页上看到详细的产品。

You may need to remove from this page some non desired details as the product tabs, the related products and some other things.

如果您查看 single-content-product.php woocommerce 模板，您将看到所有部分都“ Hook ”(添加)到产品页面。

您可以使用例如以下将删除的示例删除一些内容:

产品标签部分

加售部分

相关产品版块

这是代码示例:

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

代码位于事件子主题(或事件主题)的 function.php 文件中。测试和工作。