2016-11-09 2 views
0

Я использую bootstrap с темой Wordpress, над которой я работаю с установленной Woocommerce. На странице магазина элемент контейнера не обертывает боковую панель, хотя другие страницы (например, Checkout, Cart, My Account) находятся в классе контейнера Bootstrap и отображаются в порядке. Однако страница магазина также находится в контейнере, а боковая панель отображается ниже всего содержимого.woocommerce sidebar ниже содержимого

Вот код магазина страницы

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

ответ

0

Боковая панель, подпадающие под содержание div означает, что у вас есть ошибки разметки HTML; обычно это закрытие </div> или два, которые отсутствуют в нижней части страницы. Дополнительное открытие <div> также может привести к падению боковой панели.

Подсчитайте свое открытие и закрытие <div></div> «S и сопоставить их всех шаблонов страниц и файлов шаблонов деталей, используемых: header.php, шаблон магазина, footer.php и любые другие включенные файлы шаблонов.

Или просмотрите исходные данные на странице и сопоставьте их, найдите ошибки и внесите исправления в соответствующий файл шаблона.

Или используйте инструмент проверки кода W3C, чтобы найти их https://validator.w3.org/ и другие ошибки разметки, о которых вы, возможно, не знаете, а затем внесите исправления в файл шаблона.

Смежные вопросы