woocommerce侧栏下方内容

问题描述：

我正在使用一个Wordpress主题的引导，我正在使用Woocommerce安装。在Shop页面上，尽管其他页面（例如Checkout，Cart，My Account）在Bootstrap容器类中，并且显示正常，但容器元素并未包装侧边栏。但是，商店页面也位于容器中，侧边栏显示在所有内容下方。woocommerce侧栏下方内容

下面是店铺页面

get_header('shop'); ?> 

<?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'); 
?> 
<div class="container"> 
<div class="row"> 
    <div class="col-md-8"> 
    <?php if (apply_filters('woocommerce_show_page_title', true)) : ?> 

     <h1 class="page-title"><?php woocommerce_page_title(); ?></h1> 

    <?php endif; ?> 

    <?php 
     /** 
     * woocommerce_archive_description hook. 
     * 
     * @hooked woocommerce_taxonomy_archive_description - 10 
     * @hooked woocommerce_product_archive_description - 10 
     */ 
     do_action('woocommerce_archive_description'); 
    ?> 

    <?php if (have_posts()) : ?> 

     <?php 
      /** 
      * woocommerce_before_shop_loop hook. 
      * 
      * @hooked woocommerce_result_count - 20 
      * @hooked woocommerce_catalog_ordering - 30 
      */ 
      do_action('woocommerce_before_shop_loop'); 
     ?> 

     <?php woocommerce_product_loop_start(); ?> 

      <?php woocommerce_product_subcategories(); ?> 

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

       <?php wc_get_template_part('content', 'product'); ?> 

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

     <?php woocommerce_product_loop_end(); ?> 

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

    <?php elseif (! woocommerce_product_subcategories(array('before' => woocommerce_product_loop_start(false), 'after' => woocommerce_product_loop_end(false)))) : ?> 

     <?php wc_get_template('loop/no-products-found.php'); ?> 

    <?php endif; ?> 


    <?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'); 
    ?> 
    </div> 
    <div class="col-md-4">  
    <?php 
     /** 
     * woocommerce_sidebar hook. 
     * 
     * @hooked woocommerce_get_sidebar - 10 
     */ 
     do_action('woocommerce_sidebar'); 
    ?> 
    </div> 
</div> 
</div> 

<?php get_footer('shop'); ?>

答

代码内容div下下降的边栏，意味着你有HTML标记错误;这通常是关闭</div>或两个在页面底部丢失。额外开放<div>的也可能导致边栏下降。

想想你开<div>闭</div>的和使用的所有网页模板和模板零件文件匹配起来：header.php，店铺模板，footer.php和任何其他包含的模板文件。

或者，在页面上查看源代码并进行匹配，找到错误并在相应的模板文件中进行更正。

或者，使用W3C代码验证工具找到它们https://validator.w3.org/以及其他您可能不知道的标记错误，然后在模板文件中进行更正。

woocommerce侧栏下方内容

相关推荐