如何在 Woocommerce 产品类别页面中调整侧边栏的位置

【问题标题】：How to adjust the position of sidebar within the Woocommerce product category page如何在 Woocommerce 产品类别页面中调整侧边栏的位置
【发布时间】：2021-10-07 17:33:50
【问题描述】：

我有一个包含多个子菜单的主菜单。一些子菜单是根据一些产品类别创建的。因此不存在与该子菜单项直接关联的页面。一旦我们选择了一个子菜单，它实际上会显示所有属于该类别的产品。

问题是侧边栏总是显示在页面的左侧。但我想在页面的右侧显示它。由于没有与产品类别关联的页面，所以不知道修改哪个页面来改变侧边栏位置。

我正在使用 OceanWp 主题。

【问题讨论】：

标签： wordpress woocommerce sidebar

【解决方案1】：

我遇到了和你一样的问题，找不到解决办法。我也在使用 OceanWp 主题。我在自定义窗口的Custom CSS/JS 部分添加了这个：

var body = document.getElementsByTagName("BODY")[0]; 

body.classList.remove("content-left-sidebar");

body.classList.add("content-right-sidebar");

具有活动侧边栏的页面在其<body /> 的类列表中具有类has-sidebar，而没有侧边栏的页面不包含该类。这意味着这段代码 sn -p 不会影响没有启用侧边栏的页面。

【讨论】：