Background Image on View Clickable

This support ticket is created Il y a 3 années et 1 mois. 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.

No supporters are available to work today on Toolset forum. Feel free to create tickets and we will handle it as soon as we are online. Thank you for your understanding.

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)

Marqué : Views plugin

This topic contains 2 réponses, has 2 voix.

Last updated by Jaime Il y a 3 années et 1 mois.

Assisted by: Shane.

Auteur

Publications

mars 3, 2021 at 12:53 pm #1973497

Jaime

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)

mars 3, 2021 at 2:30 pm #1973601

Shane

Supporter

Languages: Anglais (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

mars 3, 2021 at 3:27 pm #1973677

Jaime

My issue is resolved now. Thank you!

This ticket is now closed. If you're a WPML client and need related help, please open a new support ticket.