最初,产品类别页面分为
内容区域(70%宽度)侧栏区域(30%宽度)我使用函数删除了侧栏区域。php。然而,含量区域仍在70%。
我正在寻找一个php中的代码,“如果所选URL有两个深度的产品类别,那么请确保页面是100%全宽”。
What is needed: Full Width is needed for:
-www.example.com/product-cateogry/firstdepth/
-www.example.com/product-category/firstdepth/seconddepth/
full width is NOT needed for:
-www.example.com/product-category/firstdepth/seconddepth/thirddepth
我的代码如下(不起作用):
功能。php:
add_filter( \'body_class\', \'product_categories\' );
function product_categories( $classes ) {
if (is_product_category(\'sanitaryware\') && is_product_category(\'Faucet\')) {
$classes[] = \'product-category\';
}
// return the $classes array
return $classes;
}
样式。css:
.ifproduct-category #content {
width: 100%;
float: none;
}
主题名称:店面
SO网友:Rikki Robertson-Brown
按照WoodPress现在与WooCommerce合作的方式,我发现只需将以下代码添加到Theme Settings, 将使WooCommerce商店元素达到100%宽度。
在本例中,我的shop元素被称为loop-container
要在不破坏主题的情况下编辑CSS,请转到“管理”菜单中的左侧边栏,然后转到Appearance -> Edit CSS 只需粘贴代码:
.woocommerce .loop-container {
width: 100%;
}
如果您的元素不是循环容器,只需右键单击页面并进行检查,然后转到带有箭头的小框并将鼠标悬停,直到您突出显示主容器中的店铺元素,然后您将看到您突出显示的代码,嘿,presto,您有您的元素名称。
如果您不确定,可以在右侧的另一个窗格中重复检查,它应该具有相同的名称,您甚至可以将宽度更改为100%,并将该片段直接复制到自定义CSS字段中。
祝你好运,谢谢你发布你的方法。