【问题标题】:How to move sidebar to the left in shop pages?如何在商店页面中将侧边栏移到左侧?
【发布时间】:2013-08-09 17:18:42
【问题描述】:

我是第一次使用 woocommerce,并且已经搜索了几个小时的这个问题的答案。没有找到。如果有人愿意提供帮助,我已经筋疲力尽并且非常感激。

我在自己创建的子主题上使用 woocommerce。主商店页面使用名为“page-left-sidebar”的主题模板,通常将带有小部件的侧边栏放置在页面左侧。这个选项在我正在尝试创建的网上商店中看起来不错。

但是 Woocommerce 模板覆盖了我的自定义模板,虽然我得到了正确的“page-left-sidebar”-template 的侧边栏小部件,但我亲眼看到并且在使用 firebug 进行调查时,woocommerce 正在调用“page-right” -sidebar"-template 的主要和侧边栏 css 规则,而不是左侧边栏模板的规则。 page-right-sidebar 是我的主题中的默认页面模板,就像它发生的那样。

我尝试过编辑 woocommerce 的“archive-product.php”页面。但我就是不明白,在哪里以及如何告诉 div 位于我想要它们的位置。

我的主题的默认“page.php”和“page-left-sidebar.php”-模板是相同的。只有模板的名称(显然)发生了变化。在我的“style.css”中,我对默​​认侧边栏(右侧的侧边栏)和 page-left-template-sidebar 都有规则。

我应该编辑哪些文件以及如何编辑?

【问题讨论】:

    标签: woocommerce


    【解决方案1】:

    要在左侧显示侧边栏,style.css 文件应具有该部分的属性float:left

    【讨论】:

    • 我的 style.css 确实有 page-left-template.php 中侧边栏的属性“float:left”。但问题是:如何以及在哪里“调用”它?就像我写的那样,模板商店页面现在正在使用,怎么说呢,我的 .css 文件中的错误行。它不是像我想要的那样调用和使用左侧边栏的 .css,而是正确的,在我的 style.css 中,我对左侧边栏和右侧边栏都有规则。实际调用的是错误的。
    • 对于我的生活,我无法弄清楚这个选择是在哪里以及如何做出的,为什么 woocommerce 会否决我的页面模板设置并将侧边栏放在右侧。
    【解决方案2】:

    找到了解决方法...我仍然不明白默认模板是如何工作的,但我已经尝试过,直到我放弃。我只是在archive-product.php 中硬编码了div style="right;",在侧边栏命令行之前关闭了div。我知道这很粗糙,但它似乎可以解决问题。

    【讨论】:

      猜你喜欢
      • 2023-03-13
      • 2019-07-11
      • 2018-04-19
      • 1970-01-01
      • 2019-10-02
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2011-04-14
      相关资源
      最近更新 更多