How to add a different Link to an image in a Views ?

By ASahil10 on 26 Jul 2017 at 11:01 UTC

Hey guys,

so I've just created a responsive grid layout using a view but now I want to add a different link to an image...
I'm not finding any option in the view to fix my problem...

Thanks !

Comments

please elaborate on "but now

mattys commented 26 July 2017 at 11:03

please elaborate on "but now I want to add a different link to an image...", what exactly do you mean?

So e.g. if I click on the

ASahil10 commented 26 July 2017 at 11:06

So e.g. if I click on the image it should redirect me to facebook and not to /node/46...

still not clear what you mean

mattys commented 26 July 2017 at 11:11

still not clear what you mean

do you have a link i can see this?

http://5.9.160.34/Faecher

ASahil10 commented 26 July 2017 at 11:15

http://5.9.160.34/Faecher

So if click on the picture it redirects me to /node/465 but i want to link to facebook or any other external site...

i think i know what you mean,

mattys commented 26 July 2017 at 11:21

i think i know what you mean, but if this is a one off, why use views?

the other method is to create a global custom text area and reference fields in there, then exclude the fields so hey don't show twice

No no it's not a one off

ASahil10 commented 26 July 2017 at 11:26

No no it's not a one off actually this will be a responsive grid which will present every subject of our school...

I've already created a custom

ASahil10 commented 26 July 2017 at 11:26

I've already created a custom text area:

<div id="Fächer">
           <div class="body">
                                       <p><div class="Foto">{{ field_fachfoto }}</div></p> --------------thats the field for the image
                                       <div class="Name">{{ field_fachname }}</div>          -------------- thats a normal text field             
           </div>
</div>

And I want to link my image

ASahil10 commented 26 July 2017 at 11:28

And I want to link my image to a external site.... So if u click on the image u are not redirected to a content page in my drupal site but rather to an external page like facebook or google....

i think you need to add the

mattys commented 26 July 2017 at 11:34

i think you need to add the link via the content type, so add when adding a node, then reference the link, something like:

<p><div class="Foto"><a href="{{ field_fachfoto link }}">{{ field_fachfoto }}</a></div></p>

I've not added a link ref to a href before, so not sure how it will work, but am sure with something tweaking and patience you should be able to do it