【问题标题】:How to display a single variable product page on homepage in Woocommerce如何在 Woocommerce 的主页上显示单个可变产品页面
【发布时间】:2019-01-25 17:20:49
【问题描述】:

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

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

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

我曾尝试编辑 woocommerce single-product.php 文件,但无法正常工作。

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

感谢任何帮助。

【问题讨论】:

    标签: php wordpress templates woocommerce shortcode


    【解决方案1】:

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

    1. 创建一个简单的 Wordpress 页面and make it your home page
    2. 在该页面的 Wordpress 内容文本编辑器中,您将粘贴 woocommerce shortcode。在此简码中,您将设置与要显示的所需产品相对应的正确帖子 ID(或产品 ID),如下例所示:

      [product_page id="99"]
      

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


    您可能需要从该页面中删除一些不需要的详细信息,如产品标签、相关产品和其他一些内容。

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

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

    • 产品标签部分
    • 追加销售部分
    • 相关产品部分

    这是代码示例:

    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 文件中。经过测试并且可以工作。

    【讨论】:

    • 这不起作用 [product_page id="99"] 显示错误选择产品页面的模板设计
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-02-17
    • 1970-01-01
    • 1970-01-01
    • 2017-07-17
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多