[Gelöst] Clickable Div in a Loop item Template

[Author]

Artikel

[jorg-andreasK]

Hi there

I already got help from the support for creating a clickable div in the Loop Output Editor, works fine.

Unfortunatly it seems to work different in the Loop item template for a different usage, am I right?

To be exact, what is the correct syntax for the following code to make the "postitem_wrapper_bl" Div clickable in a loop template of a view?

<div class="postitem_wrapper_bl">
<div class="innen_wrapper_links_bl">
<a href="[wpv-post-url]">[wpv-post-featured-image size="custom" width="250" height="141" crop="true"]</a>
</div>
<div class="innen_wrapper_rechts_bl">
<div class="zweite_ueberschrift_bl">[types field='zweiteueberschrift'][/types] </div>
<h2 class="h2class_bl">[wpv-post-link]</h2>
<span class="beitragsaufmacher_bl">[types field='beitragsaufmacher'][/types]</span>
</div>
</div>

Can you help, tried so many things on my own, but could not solve the problem on my own?

All the best from Germany

Jörg

[Christian Cox]

I think you need to wrap the entire div.postitem_wrapper_bl in an a tag, and remove the inner a tag that you currently have in place. Nested a tags are not permitted in HTML.

<a href="[wpv-post-url]">
<div class="postitem_wrapper_bl">
<div class="innen_wrapper_links_bl">
[wpv-post-featured-image size="custom" width="250" height="141" crop="true"]
</div>
<div class="innen_wrapper_rechts_bl">
<div class="zweite_ueberschrift_bl">[types field='zweiteueberschrift'][/types] </div>
<h2 class="h2class_bl">[wpv-post-link]</h2>
<span class="beitragsaufmacher_bl">[types field='beitragsaufmacher'][/types]</span>
</div>
</div>
</a>

[jorg-andreasK]

Hi Chris,...

Thx again for your soon and competent reply. It works.

As I mentioned earlier, you are my "Support KING".

Thx and all the best from Germany

Jörg