How to make a homepage image clickable in DAWN theme

Store Design
1

I’d simply like to be able to add a section to our homepage that has 3x separate images next to each other that are clickable. Right now you can only do it by having a link that the customer can click on under the image… but with this being such a mobile-heavy world… everyone tries to click the images but can’t.

How can I make them clickable? Or simply add 3x images next to each other that are clickable. 2x will lead to a collection, 1x will lead to a page.

Thanks for your help!

2

Hi @maxrichter

Solution is simple just by editing the code for that particular section which is multicolumn.liquid under ‘Sections’.

I’ve modified the code to work for link to be clickable on images as well.

Note: This code will work only on Down Theme and don’t override the Schema under the section. Just select the liquid code up to last div before {% schema %} and replace with below code.

{{ 'section-multicolumn.css' | asset_url | stylesheet_tag }}

  

    

      ## 
        {{ section.settings.title | escape }}
      
      {%- if section.settings.button_label != blank and section.settings.swipe_on_mobile -%}
        {{ section.settings.button_label | escape }}
      {%- endif -%}
    

    
    

      {%- if section.settings.button_label != blank -%}
        
          {{ section.settings.button_label | escape }}
        
      {%- endif-%}
3

[email removed]Sheesh_b

Thanks so much for the quick reply!

I’ve added the code, but I’m not sure where to go from there? How/where do I add a link for the picture itself… so the picture is clickable?

I’m still seeing the old options.

Thanks again for the help

4

Hi @maxrichter

Just put the links as you’re adding but make sure you have to add Link Label and link so the link will apply to image as well.
Just put the link label and link and check on frontend, it will work.

5

@Sheesh_b

That worked!! The only problem is - the images are really small (desktop & mobile!).

6

Hi @maxrichter

Can you please share your website link in private message so I can check what is the main issue and a fix that will make the image to their original sizes.