在woocommerce類別存檔頁面中的類別圖像周圍添加自定義html標簽

Question

我有一個商店頁面，該頁面在頂部顯示產品類別，然后開始顯示產品。

對於產品類別，當鼠標懸停在img中時，我添加了放大效果。

但是我需要將該圖像包裝在div中以設置高度和寬度，以便我可以溢出：hidden; 我不想在懸停時顯示的其余圖像。

我一直在嘗試在檔案中找到循環，但找不到。

有人知道我在哪里可以找到嗎？

謝謝！

我需要的是將每個子類別的圖像包裝在div中

https://www.evernote.com/shard/s423/sh/22d92a4c-ca26-4dae-9c09-ed15dc833fb1/f0c2b1b7b7f7bac0c513e5bd9534bcdb

Answer 1

因此，您可以覆蓋模板content-product_cat.php （掛接類別圖像的模板），並在第32行之前添加開始標記，在第37行之后添加結束標記：

/**
 * woocommerce_before_subcategory_title hook.
 *
 * @hooked woocommerce_subcategory_thumbnail - 10
 */
do_action( 'woocommerce_before_subcategory_title', $category );

但是，相反，您可以使用現有的鈎子 woocommerce_before_subcategory_title （第37行） （該鈎子（或調用了該圖像））將圖像包裝在您選擇的某些html標簽中，因此可以嘗試以下操作：

add_action( 'woocommerce_before_subcategory_title', function( $category ){
    // The opening div (priority 8)
    echo '<div class="some-class">';
}, 8, 1);

add_action( 'woocommerce_before_subcategory_title', function( $category ){
    // The closing div (priority 12)
    echo '</div>';
}, 12, 1);

代碼在您的活動子主題（或主題）的function.php文件中，或者在任何插件文件中。

最后一種方法是最好的方法。