全宽产品类别页面

时间:2015-08-30 作者:John Franky

最初,产品类别页面分为

内容区域(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;
}
主题名称:店面

2 个回复
SO网友:Panagiotis

我会在没有代码的情况下向您解释,但在需要做的事情中:

在呈现类别html之前,请检查其从当前类别向上到父类别的位置(深度)如果级别为2,则添加要发布的样式(post\\u class($array)),否则不添加检查此答案以获取类别的祖先:

Get the the top-level parent of a custom taxonomy term

选中此项可查看有关post\\u class()的更多信息:

https://codex.wordpress.org/Function_Reference/post_class

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字段中。

祝你好运,谢谢你发布你的方法。