How can I add a link to background images in a grid layout?

Store Design
1

Hi,

I am trying to add a link to the background images here:

https://apm-hk.myshopify.com/

Screenshot 2022-04-19 at 12.20.39 PM.png
Screenshot 2022-04-19 at 12.20.39 PM.png2818×1548 395 KB

This is the code:
1 Like
2

@JKIRK
this code can’t work,
Check out this link.
https://community.shopify.com/c/shopify-design/debut-theme-make-images-into-links-in-text-column-with-images/td-p/457191

1 Like
3

Thanks @Zworthkey ,

I changed the code here


  

    
 [
      ](www.apm.mc)

     [
      ](www.apm.mc)

     [
      ](www.apm.mc)

     [
      ](www.apm.mc)

     [
      ](www.apm.mc)

Is there a way I can make the images fill the columns when scaling?

4

@JKIRK

yes, please nd that section full code so i will update

5

@JKIRK
yes, sure you can fill out your gap with the proper it’s size height and width.

6

@KetanKumar here is the full section


  

    
 
      

     
      

     
      

     
      

     
      

  

{% schema %}
  {
    "name": "column images",
    "settings": [
{
"type": "image_picker",
"id": "image1",
"label": "Large Image"
},
{
"type": "image_picker",
"id": "image2",
"label": "image1"
},
{
"type": "image_picker",
"id": "image3",
"label": "image2"
},
{
"type": "image_picker",
"id": "image4",
"label": "image3"
},
{
"type": "image_picker",
"id": "image5",
"label": "image4"
},
{
"type": "url",
"id": "link1",
"label": "Image link"
},
{
"type": "url",
"id": "link2",
"label": "Image link"
},
{
"type": "url",
"id": "link3",
"label": "Image link"
},
{
"type": "url",
"id": "link4",
"label": "Image link"
},
{
"type": "url",
"id": "link5",
"label": "Image link"
}
],
  "presets": [
    {
      "name": "Column Images",
      "category": "Content"
    }
  ]
}
{% endschema %}

Thanks

7

@Zworthkey sorry, how can I do that?

Thanks

8

@JKIRK

Hire a developer to fix out your issues.
Thank you.