How to add link connected image banner

Store Design
,

Topic summary

A user seeks guidance on adding a clickable image banner to their Shopify store.

Solution Provided:

  • Use Shopify’s Custom Liquid block feature
  • Navigate to: Shopify > Theme > Customize > Add Block > Custom Liquid
  • Insert HTML markup code with an anchor tag linking to the desired URL
  • Add a <div> code snippet for the image structure

Image Upload Process:

  • Upload the image file directly through Shopify’s interface if stored locally
  • Alternatively, host the image on a service like imgur.com
  • Replace the image URL in the code with the hosted image link

The discussion includes screenshots demonstrating the Custom Liquid block location and code implementation area. The conversation remains open as the original poster works through the implementation steps.

Summarized with AI on November 3. AI used: claude-sonnet-4-5-20250929.
1

goorde.com

Password:Kurac

2

Hi @Filip02

You can try Custom liquid to show link connected to Image banner:

  1. You can go to Shopify > theme > custmize > click to add block > Custom liquid here : https://prnt.sc/GPWV5K3VIQBh

  2. Then add this div code : https://prnt.sc/DMLdDEIvDrfl
  • You can add 1 link to redirect to and 1 link for the image link
1 Like
3

How to put my picture now

4

LizHoang_0-1733809020205.png
LizHoang_0-1733809020205.png649×113 5.14 KB

If you have the image on your device already, you can upload your image here : https://imgur.com/ to get the image link, then replace the image link to the code section we underline above.

1 Like