WordPress : Comment masquer une zone de description et la faire apparaître lorsque vous cliquez sur la photo ?

Donc, j’ai deux photos sur mon site. Chaque image a une boîte de description en dessous. Lorsque vous cliquez sur la case de description, une description de ce produit apparaît. Cependant, je souhaite que la zone de description apparaisse lorsque vous cliquez sur l’image elle-même, et non lorsque vous cliquez sur la zone de description. J’ai ajouté un exemple de ce que je veux dire, mais ce site utilise Shopify. Je me demandais si quelque chose comme ça est possible sur wordpress et comment ?

Comme ça

Solution n°1 trouvée

Vous pouvez utiliser un script pour cela.

<script type="text/javascript">
        function showImageDesc(obj) {
        var inner = obj.parentNode.getElementsByTagName("div")[0];
        if (inner.style.display == "none")
            inner.style.display = "";
        else
            inner.style.display = "none";
        }
    </script>

<div class="image-block">
    <img onclick="showImageDesc(this);" src="yourimage.jpg" />
    <div class="inner" style="display:none;">
        Here is your image description
    </div>
</div>