我一直在挖掘,但没有找到我需要的答案。我目前正在使用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;
}