[Gelöst] Making all grid images clickable

[Author]

Artikel

[Jas]

Currently, the title in a view is the only link to the individual custom post, but it makes sense that the image should be automatically clickable/linked to the post as well. (I know I'm not the only person to say this).

Currently, due to the incompatibility issues between Divi and Toolset, most times that I go into the content template using divi builder to make a change, I end up with a randomly messed up content template which I have to re-enter the information for. Not sure if the same thing will happen if I go into the view.

Are you able to go into the view for me and make this change? Or tell me very specifically how to do that?

And may I suggest that this might be something that Toolset might want to engineer into the view in the first place? (Everyone wants to be able to click primarly the photo, and secondarily the title..)

[Shane Supporter Languages: Englisch (English ) Timezone: America/Jamaica (GMT-05:00)]

Hi Jas,

Thank you for contacting our support forum.

I'm assuming that you are displaying the items with the types shortcode for the image.

To make it clickable you can wrap it in an anchor tag like this.

<a href='[wpv-post-url]'>IMAGE SHORTCODE<a>

This should add the post url to the image.

Please let me know if this helps.
Thanks,
Shane

[Jas]

Hmmm, that sounds simple enough. Please don't laugh at my ignorance as a newbie here.

I see several different sections in the Views Editor. Which section am I supposed to be altering? The section I assumed it would be in, was the Loop editor? which for me looks like:

[wpv-layout-start]
[wpv-items-found]
<!-- wpv-loop-start -->
<wpv-loop wrap="3" pad="true">
[wpv-item index=1]
<div class="row ">
<div class="col-sm-4">[wpv-post-body view_template="Loop item in Search City Services CM"]</div>
[wpv-item index=other]
<div class="col-sm-4">[wpv-post-body view_template="Loop item in Search City Services CM"]</div>
[wpv-item index=3]
<div class="col-sm-4">[wpv-post-body view_template="Loop item in Search City Services CM"]</div>
</div>
[wpv-item index=pad]
<div class="col-sm-4"></div>
[wpv-item index=pad-last]
<div class="col-sm-4"></div>
</div>
</wpv-loop>
<!-- wpv-loop-end -->
[/wpv-items-found]
[wpv-no-items-found]
[wpml-string context="wpv-views"]No items found[/wpml-string]
[/wpv-no-items-found]
[wpv-layout-end]

But then there is a" Loop Item In Search for City Service" which requires opening up Divi Builder (for me) and then all it shows for image is:

{!{wpv-post-link}!}

[types field='photo' alt='%%ALT%%' title='%%TITLE%%' size='medium' align='none' resize='proportional' separator=', '][/types]

So where exactly does this go. This is what I tried (again, don't laugh-I'm already doing that myself)

<h3>{!{wpv-post-link}!}</h3>
<a href='[wpv-post-url]'>[types field='photo' alt='%%ALT%%' title='%%TITLE%%' size='medium' align='none' resize='proportional' separator=', '][/types]
</a>

But that just made the services offered bullet points a blue link. (and the photo did attempt to redirect, but then failed)

To see example: hidden link

Thanks in advance for your patience with this newbie! Really appreciate it!

[Shane Supporter Languages: Englisch (English ) Timezone: America/Jamaica (GMT-05:00)]

Hi Jas,

No worries, It seems that you have done this correctly but would it be possible for me to get access to the site to see why it's not working ?

The private fields have been enabled for your next response.

Thanks,
Shane

[Shane Supporter Languages: Englisch (English ) Timezone: America/Jamaica (GMT-05:00)]

Hi Jas,

I was able to update the code with no issues at all.

Could you check and let me know if everything is ok ? Also could you let me know where you want the glypicon to show up instead of the number?

Looking forward to hearing from you soon.

Thanks,
Shane

[Jas]

Well glad it worked for you! Weird though that the same thing (as far as I can tell) didn't work for me.
So for the glyphicon, I don't want it to show up instead of a number; rather, I need it to NOT show up, if extra phone fields are empty.
You can see an example as per screenshot below.

The content template is where things often auto-mess-up in the html when the template is accessed, and therefore output, even when Toolset staff do it, so that you are aware. (again, this appears to be an integration issue between Divi Builder and Toolset from what other Toolset agents have determined) Maybe empty cache before you re-check the output on front-end?

thanks so much Shane!

[Shane Supporter Languages: Englisch (English ) Timezone: America/Jamaica (GMT-05:00)]

Hi Jas,

What you can do is to follow the instructions in the link below to help you get this done.
https://toolset.com/documentation/user-guides/conditional-html-output-in-views/checking-fields-and-other-elements-for-emptynon-empty-values/

Please let me know if there are any issues.

Thanks,
Shane