Tell us what you are trying to do?
I'm trying to make a whole div into a link, but it does not seem to work, it was working fine a few days ago. Here's my code:
<wpv-loop>
<div class="lf_product">
[wpv-woo-product-image size="medium"]
[wpv-post-title]
[types field='ingresar-codigo-de-producto'][/types]
[wpv-woo-product-price]
</div>
</wpv-loop>
And this is the page: hidden link
The hover is not working either.
What is the link to your site?
hidden link
Hi,
Thank you for contacting us and I'd be happy to assist.
Nesting one link (anchor tag 'a') inside another link is not considered a valid HTML code, which is why browsers tend to change the structure when that happens.
Since the shortcode '[wpv-woo-product-image size="medium"]' brings in the gallery images with links around them, you can move that shortcode, outside of the main link tag, like this:
<wpv-loop>
<div class="lf_product">
[wpv-woo-product-image size="medium"]
<a href="[wpv-post-url]">
[wpv-post-title]
<div class="lf_code">
<p>[types field='ingresar-codigo-de-producto'][/types]</p>
</div>
<p>[wpv-woo-product-price]</p>
<div class="wp">
<img src="<em><u>hidden link</u></em>" width="45px">
</div>
</a>
</div>
</wpv-loop>
I hope this helps and please let me know if you need further assistance.
regards,
Waqar
My issue is resolved now. Thank you, Waqar!