Making Image on Homepage Clickable (Attaching a Link to it)

Solved
CloudE5
New Member
4 0 0

Finally managed. In case someone finds this and is struggling with the above solutions:

I wanted to link images in my Debut theme in the section called text columns with images.

I had to add the code suggestions in feature-columns.liquid

After

{
"type": "text",
"id": "button_label",
"label": {
"en": "Button label",
"de": "Button-Name",
"fr": "Texte du bouton",
"it": "Etichetta pulsante",
"ja": "ボタンラベル",
"es": "Etiqueta de botón",
"pt-BR": "Etiqueta do botão"
}
},

 

I added:

{
"type": "url",
"id": "image_link",
"label": "Image link"
},

 

then,after 

<div style="padding-top:{{ 1 | divided_by: block.settings.image.aspect_ratio | times: 100}}%;">

I added 

<a href= "{{ block.settings.image_link }}"> 

 

 

0 Likes
seansean
New Member
1 0 0

Hey there, did you manage to find a solution to this as I am having the same issue.

0 Likes