首页 文章

WooCommerce产品类别自定义图像

提问于
浏览 次
0

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

我想在每个产品类别页面上显示不同的 Banner . 我唯一能想到的是添加如下内容：

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

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

  • 编辑

我应该提到我想要 Banner 替换顶部的蓝色条，这是page_titles.php中的句柄 . 我安装了一个插件，如果有人在寻找，它会在产品类别页面上显示 Banner - http://wpbackoffice.com/plugins/woocommerce-category-banner/

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

这是我现在的类别页面：http://dev.arnoldsofficefurniture.com/product-category/conference/

逻辑应该是这样的：

  • 如果是产品类别，则div class = "slider single page"应显示产品类别 Banner 的背景 .
php wordpress if-statement woocommerce product

2 回答

  • 0

    不确定你的购买主题中你的文件夹结构是如何设置的，但是如果你已经安装了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";  }

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

    回复于
  • 0

    在深入研究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;
}
    回复于

相关问题