Question

我想编辑woocommerce产品模板，允许我在主要产品描述之后但在相关产品之前添加一些代码（横幅）。

代码Im编辑（在/wp-content/plugins/woocommerce/templates/single-product.php中）;

<?php
    /**
     * woocommerce_before_main_content hook.
     *
     * @hooked woocommerce_output_content_wrapper - 10 (outputs opening divs for the content)
     * @hooked woocommerce_breadcrumb - 20
     */
    do_action( 'woocommerce_before_main_content' );
?>

    <?php while ( have_posts() ) : the_post(); ?>

        <?php wc_get_template_part( 'content', 'single-product' ); 

                          /*My code start*/
        echo "<div class=\"product-footer\">";
        echo "<h1 class=\"product-footer-text\">Need some additional help? Or have an enquiry?</h1>";
        echo "<h5 class=\"product-footer-text\"><i class=\"fa fa-phone\"></i>  Call one of our sales team on <strong>01782</strong></h5>";
        echo "<h5 class=\"product-footer-text\" style=\"margin-top: -40px;\"><i class=\"fa fa-envelope\"></i>  Contact us via our contact page <strong><a style=\"color: #ffffff;\" href=\"/../contact\" target=\"_blank\">HERE</a></strong></h5>";
        echo "<p class=\"product-footer-text\"><i><strong>Order note: </strong>All prices above are subject to delivery charges and VAT where applicable </i></span></p>
    </div>";
                            /*My code end*/

    ?><?php endwhile; // end of the loop. ?>

<?php
    /**
     * woocommerce_after_main_content hook.
     *
     * @hooked woocommerce_output_content_wrapper_end - 10 (outputs closing divs for the content)
     */
    do_action( 'woocommerce_after_main_content' );
?>

<?php
    /**
     * woocommerce_sidebar hook.
     *
     * @hooked woocommerce_get_sidebar - 10
     */
    do_action( 'woocommerce_sidebar' );
?>

给我这些结果; https://i.stack.imgur.com/sTgY6.png

我希望底部的横幅显示在产品描述的下方。我已经把代码弄乱了很长一段时间，但似乎无法让它运转起来。

Answer 1

您可以在 woocommerce_after_single_product_summary 和 {{1}之间优先使用 10 挂钩，而不是尝试覆盖模板：在单个产品标签（产品说明）和相关产品之间获取自定义内容。请参阅下面这个钩子的架构：

因此，您的代码将位于您的活动子主题（或主题）的 /** * woocommerce_after_single_product_summary hook. * * @hooked woocommerce_output_product_data_tabs - 10 * @hooked woocommerce_upsell_display - 15 * @hooked woocommerce_output_related_products - 20 */ 文件中：

function.php

此代码经过测试并有效。

Wordpress / Woocommerce - 在产品内容之后但在相关产品之前编辑模板

1 个答案: