Question

我正在努力使用我的Woocommerce插件扩展产品页面的页脚。每隔一个页面设置为全宽，但产品页面本身似乎没有继承。

我认为（但不知道）我需要编辑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' ); ?>

    <?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' );
?>

/ *在PHP文件末尾省略关闭PHP标记以避免“已发送标头”问题。 * /

如果不是这样，那么我就没有想法了。

Answer 1

它包含在一个带有margin-wrapper类的div中，其最大宽度为840px; 把你的页脚放在这个div之外。

如何解决此问题

您的网页内容如下所示：

 <div class="margin-wrapper">
     <! -- All your site containers -->
     <footer class="footer-wrapper brand-background" role="contentinfo">
     </footer>
   </div>

它看起来应该是这样的

 <div class="margin-wrapper">
     <! -- All your site containers -->
 </div>
 <footer class="footer-wrapper brand-background" role="contentinfo">
 </footer>

请注意页脚如何位于内容的包装器之外。除此之外，您还必须了解基本的html结构。

如何让我的Woocommerce单品页脚全宽？

1 个答案: