Ajouter une balise html personnalisée autour des images de catégorie dans les pages d'archives de la catégorie woocommerce

Question

J'ai une page de magasin qui montre en haut les catégories de produits et ensuite il commence à montrer les produits.

Pour les catégories de produits thumbs j'ai ajouté un effet de zoom lorsque je survolais dans le img.

Mais j'ai besoin d'envelopper cette image dans un div pour définir une hauteur et une largeur afin que je puisse déborder: caché; le reste de l'image je ne veux pas montrer en vol stationnaire.

J'ai essayé de trouver la boucle dans les archives mais je ne la trouve pas.

Est-ce que quelqu'un sait où je peux trouver cela?

Merci!

Ce que je besoin est d'envelopper les images de chaque sous catégorie dans un div

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

Answer 1

Ainsi, vous pouvez remplacer le modèle content-product_cat.php (où l'image de la catégorie est accroché) et ajoutez votre balise d'ouverture avant la ligne 32 et la balise de fermeture après la ligne 37 autour de celle-ci:

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

Mais au contraire, vous pouvez utiliser le crochet existantwoocommerce_before_subcategory_title(ligne 37), où l'image est accroché (ou appelé), pour envelopper l'image dans une balise html de votre choix, vous pouvez essayer ceci:

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

code va dans le fichier function.php de votre thème enfant actif (ou thème) ou aussi dans n'importe quel fichier plugin.

Cette dernière façon est la meilleure.