Linking custom content image in Debut theme

Store Design
1

I am trying to figure how to link the images in my Custom Content sections on the homepage since its not an option in the theme configuration. Thanks!

2

Hi @freewheeling , if we do not have any option in the theme configuration, we can add a small custom code in your theme file. Could you please share your store url ( with pass if your store password is enabled ) then I can see and suggest something for you?

3

Yes here you go! https://freewheelingcafe.com/

4

Yes here you go! https://freewheelingcafe.com/

5

Thanks for getting back to me. May I know if you want to change image of this section?

GemPages_Agents_0-1665634134621.png
GemPages_Agents_0-1665634134621.png2522×1292 263 KB

If I am correct, you can:

  1. From Shopify admin > select Online Store

  2. Click on Customize

GemPages_Agents_1-1665634294098.png
GemPages_Agents_1-1665634294098.png1408×1042 143 KB

  1. Scroll to the section you want to change image, then you can change / update the image here. For example:

GemPages_Agents_2-1665634356707.png
GemPages_Agents_2-1665634356707.png2752×1566 346 KB

Please try it and let me know how it goes.

6

Hello,

Yes that is one of the images that is not linked but there is not an option for adding a url for custom content images. What you have in your example is the image with text overlay. I assume I have to add it manually to the code somehow as a workaround. Let me know if you need any other information.

Thanks!

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

8

@GemPages Hello, I tried this solution but it not work. It messed the page up so I removed the code. Below is what I put at the bottom of the page. Let me know if I should try something else. Thanks!

9

@GemPages Additionally I tried this script at the bottom of the page but it did not work and it changed the layout.

10

Hi @freewheeling , I tried to add this code on my end, and it is working normally. I may need to assist you via collaborator access to help you better. Please check your inbox. Thanks