Question

我一直在挖掘和挖掘，但我找不到我需要的答案。我目前正在使用WordPress - Woocommerce，一个名为Shopifiq的购买主题。

我想在每个产品类别页面上显示不同的横幅。我唯一能想到的是添加类似的内容：

if ( is_product_category( '#' ) ) {
    echo do_something(); //display category thumbnail 
}

也许是functions.php文件，但我对PHP并不太熟悉，而且我在苦苦挣扎。任何帮助将非常感激！

修改

我应该提到我希望横幅替换顶部的蓝色条，即page_titles.php中的句柄。我安装了一个插件，如果有人正在查看，它会在产品类别页面上显示横幅 - http://wpbackoffice.com/plugins/woocommerce-category-banner/

但是我希望它取代蓝色标题栏，而不仅仅是在页面上显示。

以下是我的类别页面：http://dev.arnoldsofficefurniture.com/product-category/conference/

逻辑应该是这样的：

如果是产品类别，则div class =“slider single page”应显示产品类别横幅的背景。

Answer 1

不确定您在购买的主题中如何设置文件夹结构，但如果您已经安装了Woocommerce，请转到您的woocommerce插件（在plugins文件夹中）并在该文件夹中复制名为＆＃34的文件夹目录下的所有文件;模板＆＃34;并将它们放在Shopifiq主题的根目录中，放在一个新的文件夹目录中，您可以将其命名为＆＃34; woocommerce＆＃34;。在这个文件夹里，您将看到一个名为taxonomy-product_cat.php的php文件。这是您的woocommerce类别的主要登录页面。将条件语句放在这里。

if (is_product_category( 'shirts' )) { echo "whatever html/php you want to show up";  }

将所有文件推送到您的服务器，您现在应该很高兴。

Answer 2

在深入研究PHP文件之后，我放弃并尝试了我最熟悉的前端开发人员 - CSS。这是不理想的，因为只要你想改变它就需要在CSS中手动更新，但它是一个解决方案，似乎是功能性的！

每个产品类别页面都有一个独特的身体类别。就我而言，唯一的类术语是 term-conference 和 term-11 ，我将其作为CSS的目标。所以它就这样结束了：

body.archive.tax-product_cat.term-conference.term-11.woocommerce.woocommerce-page div.slider.single-page {
 background: rgba(0, 0, 0, 0) url("/wp-content/uploads/2015/04/conference_banner.jpg") no-repeat scroll center bottom / cover !important;
}

WooCommerce产品类别自定义图像

2 个答案: