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;
}