Clickable Div in a loop template

This thread is resolved. Here is a description of the problem and solution.

Problem:
How to to create a clickable Div in a Template for the Loop?

Solution:
To put a hyperlink on the overall Div itself and not on the individual content inside the div, the syntax and html would be like below:

<a href="[wpv-post-url]">
<div class="doppelspalter_wrapper">
  <h2 class="dp-zweiteueberschrift">[types field='zweiteueberschrift'][/types]</h2>
  <h2 class="dp_h2">[wpv-post-title]</h2>
  <!-- Hier wird das Artikelbild verlinked --> 
  [wpv-post-featured-image size="custom" width="633" height="356" crop="true"]
  <p class="dp_p">[types field='beitragsaufmacher'][/types]</p>
</div>
</a>

This support ticket is created 7 years, 1 month ago. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

Our next available supporter will start replying to tickets in about 8.77 hours from now. Thank you for your understanding.

Sun	Mon	Tue	Wed	Thu	Fri	Sat
-	12:00 – 17:00	12:00 – 17:00	12:00 – 17:00	12:00 – 17:00	12:00 – 17:00	-
-	18:00 – 21:00	18:00 – 21:00	18:00 – 21:00	18:00 – 21:00	18:00 – 21:00	-

Supporter timezone: Asia/Karachi (GMT+05:00)

Tagged: Views, Views plugin

This topic contains 2 replies, has 2 voices.

Last updated by jorg-andreasK 7 years, 1 month ago.

Assisted by: Noman.

Author

Posts

October 17, 2017 at 7:39 am #579283

jorg-andreasK

Hi there

I can create a clickable Div in a loop output editor,... but for whatever reason I am not able to create a clickable Div in a Template for the Loop.

How can I ad a clickable Div to my "doppelspalter_wrapper" in the following code?

<div class="doppelspalter_wrapper">
	<h2 class="dp-zweiteueberschrift">[types field='zweiteueberschrift'][/types]</h2>
	<h2 class="dp_h2">[wpv-post-title]</h2>
  	<!-- Hier wird das Artikelbild verlinked -->
  	<a href="[wpv-post-url]">[wpv-post-featured-image size="custom" width="633" height="356" crop="true"]</a>
  	<p class="dp_p">[types field='beitragsaufmacher'][/types]</p>
</div>

Is it possible here too?

All the best from Germany

Jörg

October 17, 2017 at 1:17 pm #579506

Noman

Supporter

Languages: English (English )

Timezone: Asia/Karachi (GMT+05:00)

Hi Jörg,

Thank you for contacting Toolset support. So you would like to put a hyperlink on the overall Div itself and not on the individual content inside the div, is that correct?

If it is the case, then the syntax and html would be like below, please use this one:

<a href="[wpv-post-url]">
<div class="doppelspalter_wrapper">
  <h2 class="dp-zweiteueberschrift">[types field='zweiteueberschrift'][/types]</h2>
  <h2 class="dp_h2">[wpv-post-title]</h2>
  <!-- Hier wird das Artikelbild verlinked --> 
  [wpv-post-featured-image size="custom" width="633" height="356" crop="true"]
  <p class="dp_p">[types field='beitragsaufmacher'][/types]</p>
</div>
</a>

This will make the whole div to behave as a link. Please try it and let me know how it goes. Thank you

October 25, 2017 at 5:24 am #581813

jorg-andreasK

thx Noman,...

well done

Jörg