How To Make A Image Banner Clickable - Debut Theme

[abbietyler]

Hello! I am trying to figure out how to add a clickable link to my banner image on my home page. I was trying to use this previous thread: https://community.shopify.com/topic/1418814 but I do not have “image-banner.liquid” listed in my code files. Is this a file I need to create? Any suggestions on how to insert this into the code or where to insert it would be extremely helpful!

Website: https://abbieleighdesigns.com

I want the clickable link to take customers to here: https://abbieleighdesigns.com/collections/new-arrivals

[EcomGraduates]

hello there

1. In the left-hand sidebar, click on Sections and then find and open the “index.liquid” file.

2. Find the code that corresponds to your banner image. This code may look something like this:

1. Wrap the image code in an tag that links to the page you want the banner to link to. Here’s an example of what the code would look like:

Replace “/collections/new-arrivals” with the URL of the page you want the banner to link to.

[abbietyler]

Thank you for your response!! When I search for index, it comes up under “Templates” and there is nothing under the file. There isn’t an index in the “Sections”

[abbietyler]

Hello,

I wanted to follow up on my below question. Thanks!

[BSS-Commerce]

Hi @abbietyler

We checked on your website and saw that currently, the default link of the logo will redirect to the homepage of the website.

• To change the path, you need to change the value in the href of the tag as follows, the value in the href is the URL you want to navigate.

• Please follow these steps:

• Go to Online store => Themes => Edit code

• Then find the file header.liquid (we are using the Dawn theme), find the tag (the tag is in the div

  tag). Next, you edit href value in tag with the URL you want.

• A note that the code showing the logo part may not be in the “header.liquid” file. So, you can download your theme and use visual studio code software to search quickly. Then, you return to the theme to edit.

• Download the theme by going to Online store => Themes => Download theme file => Check email

• Visual studio code software link: https://code.visualstudio.com/download

• Here is an example for openning theme with software with code and search:

We hope that this can help you.