如何在 WooCommerce 中将侧边栏从右侧移动到左侧？答案

【问题标题】：How to move sidebar from right to left side in WooCommerce?如何在 WooCommerce 中将侧边栏从右侧移动到左侧？
【发布时间】：2018-04-19 03:08:04
【问题描述】：

我有一个不知道如何解决自己的问题。我有一个使用 Galeria Storefront Child 主题的 WooCommerce 网站。在他们的商店页面设置中，侧边栏只能在右侧。我想将侧边栏移到左侧，并且仅在商店页面上。我试过这个 CSS：

div.woocommerce_product_categories-2.widget .woocommerce widget_product_categories {
    float:left!important;
}

但似乎什么都没有改变.. 侧边栏仍然在左侧。帮忙？

【问题讨论】：

我们可以看一个活生生的例子吗？那一点 css 并没有真正的帮助。
对不起。现在是直播。 :)
侧边栏在右侧。
我在左侧......我的错误。大声笑
看起来 WooCommerce（或您正在使用的主题）中应该有一个设置可以在不编辑 CSS 的情况下更改它，因为完成此操作的样式已经内置。如果您更改 body 类从right-sidebar 到left-sidebar，它将按您的意愿工作。所以我会寻找一个设置，让你指定要使用的布局。

【解决方案1】：

WooCommerce 5.2.2

.with_aside .sections_group {
  float: right;
}

【讨论】：

【解决方案2】：

您需要将左浮动应用于侧边栏，将右浮动应用于内容。此外，从左到右交换边距等。

请注意，您的样式表中有媒体查询，因此您必须处理具体问题。

body.archive #primary{
  float: right;
  margin-left: 4.347826087%;
  margin-right: 0;
}
body.archive #secondary {
  float: left;
}

【讨论】：

【解决方案3】：

当侧边栏向左移动时，您可以相应地调整边距和填充。

【讨论】：