Linking custom content image in Debut theme

Store Design

Topic summary

Main issue: Add clickable links to images in the Debut theme’s Custom Content section on the homepage, which lacks a built-in link option.

Earlier guidance: Steps shown to change images via Shopify Customize, but the request is specifically to add URLs to images (not replace images). Screenshots are central to these instructions.

Proposed workaround: Insert custom JavaScript into theme.liquid to make the image element clickable. Approach: identify the section ID via browser Inspect and attach a click handler to .custom__item-inner–image that redirects to a custom URL.

User attempts: Added a script tag pointing to a collection URL (incorrect and broke layout). Then included the jQuery CDN and a click handler; layout changed and linking still failed. Code was removed.

Technical notes: theme.liquid is the main layout file; section ID targets the specific homepage block; jQuery is a JavaScript library used to bind click events.

Current status: Service provider reports the method works in their test and requested collaborator access via inbox to implement/fix. Outcome: unresolved, pending direct assistance.

Summarized with AI on February 6. AI used: gpt-5.
7

Hi @freewheeling ,

  1. Go to Online Store in your Shopify admin

  2. Click Action > Edit Code

GemPages_Agents_1-1665712142234.png
GemPages_Agents_1-1665712142234.png958×472 72.8 KB

  1. Search theme.liquid and add the code like the screenshots below:

GemPages_Agents_0-1665712111213.png
GemPages_Agents_0-1665712111213.png1888×947 185 KB

please try to add this code

before tag in your theme.liquid

Please try it and let us know how does this works

P/s: Based on each section id you want, you can try to find the section id with these steps below:

1. From Chrome browser > Right click the section of your store

2. Select Inspect