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 插件（在插件文件夹中）并在该文件夹中复制文件夹目录下名为 "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 中手动更新，但这是一个变通办法并且似乎可以正常工作！

每个产品类别页面都有一个独特的正文class。在我的例子中，唯一的 class 术语是 term-conference 和 term-11，我在 [=19] =].所以结果是这样的：

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 产品类别自定义图片

WooCommerce product category custom image

php

wordpress

if-statement

product

woocommerce