Add A Customizable Clickable Image Section

Add A Customizable Clickable Image Section

Log in or Sign up to ensure access to purchased code across multiple devices.

How to see the code

1. Please log in/create an account first. This is to ensure that all purchases are connected to an account and can be viewed on different devices.

2. Purchase the code using the "purchase box" on the specific page of the desired code.

3. After the purchase, please refresh the page.

Compatibility: Compatible on most Shopify themes

Add a clickable hero image that can route to your store and even outside your store. Easy to customize. 

What you are buying:

  • Clickable banner image
  • Options to change the size of images added
  • Change the background color of the section

What makes our code better:

  • We do not use external libraries, with that being said, our code will have no to minimal effect to your website's speed performance
  • We do not leave or add codes use to advertise for our website
  • Our code is mobile friendly

Any issues related to the code will be fix with no additional cost, excluding code customization requests. Simply contact us with "Chat with us." We are just a button away. 

 To start: 

1. Go to Admin Shopify store > Themes > Actions > Edit Code

2. In Section folder, create a new section, name it "clickable image", then paste the code below

3. Click SAVE. 

4. You can then Customized the theme

That's it (",)

Back to blog


Is there a way to make the images multicolumn? I want two of them next to one another on my home page. Thanks!



Sorry about that. Just updated the code


I would also like to know if this code still works. I have tried but it doesn’t seem to be working. I have it available as a selection but it doesn’t populate when selected. Any help you can give me would be great. Thanks

Jennifer Evans

Is this code valid or have an updated version?


Leave a comment