WooCommerce产品类别自定义图片


WooCommerce product category custom image

我一直在挖掘,但没有找到我需要的答案。我目前正在使用WordPress-Wooccommerce,一个名为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"应该显示产品类别横幅的背景

不确定您的文件夹结构是如何在购买的主题中设置的,但如果您已经安装了Woocomerce,请转到您的woocomerce插件(在插件文件夹中),并在该文件夹中复制名为"templates"的文件夹目录下的所有文件,并将它们放在您的Shopifiq主题的根目录中的一个新文件夹目录中,您将该目录命名为"Woocommerce"。在这个文件夹中,您将看到一个名为taxonomy-product_cat.php的php文件。这是您的wooccommerce类别的主要登录页。将您的条件语句放在此处。

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

将所有文件推送到您的服务器,您现在应该可以使用了。

在挖掘了PHP文件后,我放弃了,尝试了我作为前端开发人员最熟悉的东西——CSS。这并不理想,因为无论何时你想更改它,都需要在CSS中手动更新,但这是一种变通方法,似乎是有效的!

每个产品类别页面都有一个唯一的主体类。在我的案例中,唯一的类术语是学期会议第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;
}