Add links to images not just buttons

CloudE5
New Member
4 0 0

Hi, There have been many posts on this, but None of them solved my problem. Below is what I did which seemed to solve it at first but it made the whole homepage volatile. Any change I make creates issues like the two columns changing to one, images disappearing etc.

This is infuriating given that image links are such a basic thing and it's mad that they aren't included as standard...

 

So here's what I did: 

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
khilan
Explorer
156 10 19

hi @CloudE5 

i can solve your problem.

please share your web-site url.

thank you so much.

Shopify Expert | Skype: khilan.mendapara
- Like and Mark as an Accepted Solution if reply helpful
- Feel free to contact me on khilan.mendapara1995@gmail.com regarding any help
0 Likes
CloudE5
New Member
4 0 0

Hi @khilan 

Thanks for replying. The site isn't live yet. 

Preview of the broken homepage here:

https://p1gbwxb74j75rkvy-2011005041.shopifypreview.com

 

It was looking like this before I added the code I mentioned:

https://iu5pkmrg8oe8q3om-2011005041.shopifypreview.com

Claudia

0 Likes