我正在使用带有 Wordpress 主题的 Bootstrap ,我在安装 Woocommerce 的情况下工作。在商店页面上,容器元素没有包裹侧边栏,即使其他页面(即结帐、购物车、我的帐户)在 Bootstrap 容器类中并且显示正常。然而,商店页面也在一个容器中,侧边栏显示在所有内容的下方。
这是商店页面的代码
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/以及其他您可能不知道的标记错误,然后在模板文件中进行更正。
关于html - 内容下方的 woocommerce 侧边栏,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40513726/