WooCommerce产品类别自定义图片

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文件夹中），然后在该文件夹内复制名为“ templates”的文件夹目录下的所有文件并将其放置您要在Shopifiq主题的根目录中的新文件夹目录中将其命名为“ woocommerce”。 在此文件夹中，您将看到一个名为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;
}