Skip Navigation

[Resolved] Background Image on View Clickable

This support ticket is created 3 years, 8 months 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.

Sun Mon Tue Wed Thu Fri Sat
- 9:00 – 12:00 9:00 – 12:00 9:00 – 12:00 9:00 – 12:00 9:00 – 12:00 -
- 13:00 – 18:00 13:00 – 18:00 13:00 – 18:00 14:00 – 18:00 13:00 – 18:00 -

Supporter timezone: America/Jamaica (GMT-05:00)

Tagged: 

This topic contains 2 replies, has 2 voices.

Last updated by Jaime 3 years, 8 months ago.

Assisted by: Shane.

Author
Posts
#1973497

Tell us what you are trying to do?
I think that's not rocket science, but I can't reach this.
I need to make background images on a View clickable. The images coming from a Toolset Image Field.
I copy my code below:

<a href="[wpv-post-url]">
  <div id="contenedor-foto" class="imagen-fondo" style="background-image: url('[types field='imagen-principal-localizacion' url='true'][/types]');">
  <div class="row">
     <div class="col-sm-12 ">
                  <span class="label-provincia pull-right"> [types field='provincias-localizaciones'][/types]</span>

     </div>
      <div id="titulo-localizacion" class="col-sm-12 titulo-localizacion">
       [wpv-post-link]
         </div>
</div>
  
</div>
 </a>

How can I make all the container clickable?

Is there any documentation that you are following?
Not really. I didn't found anything related.
:/

What is the link to your site?
You can see it working here.
hidden link
The Posts on the bottom of the page should be clickable on the entire image (not only on the post name as is now)

#1973601

Shane
Supporter

Languages: English (English )

Timezone: America/Jamaica (GMT-05:00)

Hi Jaime,

Thank you for getting in touch. I took a look at this for you and found that the HTML being generated on the frontend isn't being wrapped in the anchor tags. This is what is being displayed below.


<a href="<em><u>hidden link</u></em>"></a>

<div id="contenedor-foto" class="imagen-fondo" style="background-image: url('<em><u>hidden link</u></em>');"><a href="<em><u>hidden link</u></em>"></a><div class="row"><a href="<em><u>hidden link</u></em>"><div class="col-sm-12 "> <span class="label-provincia pull-right"> Huelva</span></div></a><div id="titulo-localizacion" class="col-sm-12 titulo-localizacion">

<a href="<em><u>hidden link</u></em>"> </a><a href="<em><u>hidden link</u></em>">Alájar</a></div></div></div></div>

Can you remove this shortcode here and let me know if the entire section becomes clickable [wpv-post-link]

If this doesn't work, could you provide me with admin access to the site so that I can have a more detailed look at this one for you ?

Thanks,
Shane

#1973677

My issue is resolved now. Thank you!