如何在WooCommerce页面上保持Wordpress中的侧边栏位置

时间:2012-07-25 21:02:37

标签: html wordpress sidebar woocommerce

如果您在wordpress中使用侧边栏,则可以在其中添加导航菜单等内容。

要将侧边栏放在右侧容器元素中,只需在该元素中调用<?php get_sidebar(); ?>,并将侧边栏放在其中。

例如,以下代码应该会生成wordpress页脚中的侧边栏:

<footer class="footer">
  <div id="inner-footer">
    <div id="main-content-footer" class="span_16">

      <?php get_sidebar(); ?>

    </div>
  </div>
</footer>

此代码适用于未与WooCommerce集成的网页,例如首页。

在使用WooCommerce的网页上,<?php get_sidebar(); ?>生成的代码将显示在div元素#inner-content的页脚之外,该内容位于名为#content的父div中。

哪些文件负责将侧边栏代码正确放入woocommerce? WooCommerce有可能生成自己的<?php get_sidebar(); ?>吗?如果是这样,我该怎么做才能确保我的导航栏不受WooCommerce的影响?

谢谢大家

3 个答案:

答案 0 :(得分:1)

似乎这个问题与WooCommerce挂钩有关,以及它们的内容是如何包装的,以及如何布置“正常”主题。

简单的解决方法是使用woocommerce_content()为WooCommerce页面指定自己的模板。请参阅此处的文档 http://wcdocs.woothemes.com/codex/third-party-custom-theme-compatibility/

另一种解决方法是使用您自己的方法覆盖sidebar.php文件。这里的文档:http://wcdocs.woothemes.com/codex/template-structure/

答案 1 :(得分:0)

在主题目录中制作simgle-product.php文件的副本(与functions.php相同)。这是单个产品页面的模板。卸下所有必要的挂钩,包括侧边挂钩。然后,请参阅此论坛:http://phponlinesupport.com/woocommerce-sidebar-t157932.html以完成为商店页面制作自己的自定义侧边栏的工作。

注意:创建sidebar-shop.php文件时,请务必添加

祝你好运。

答案 2 :(得分:0)

这对我有用。此代码snipet会删除WooCommerce侧边栏,使其无法在#primary块之后显示,因此您可以在布局中使用get_sidebar('shop')。

<?php 
// in your themes functions.php

/* remove sidebar */
function woocommerce_remove_sidebar_shop() {
    if( is_woocommerce() )
       remove_action( 'woocommerce_sidebar', 'woocommerce_get_sidebar', 10);
    }

add_action( 'template_redirect', 'woocommerce_remove_sidebar_shop' );

?>
相关问题