How do I make one of my image banners a clickable link

Ask & Offer
1

M

clickable link
clickable link1894×976 327 KB

y website is prestigechess.com. I wanted to make the attached image banner on the homepage a clickable link, that takes me to the product page Hand Carved Chess Boards.

Is this simple to do? I only want this image to be clickable not any other

Thanks

2

Image of your slideshow banner clickable on Shopify theme, you can follow these steps:

  • Shopify admin, click “Online Store” and select live “Themes”.
  • Under Studio theme and click on “Customize”.
  • Theme editor, click on “Sections” and then select the “Slideshow” section.
  • Under the “Image slides” section, click on the image that you want to make clickable.
  • In “Link” field, enter the product page url for that particular image
  • Once you have added the product page URLs to each image, click “Save” and then “Publish”.

By following these steps, you should be able to make the whole image of your slideshow clickable.

3

Hi @jackthomasp!

Yes — that’s quite simple to do

Here’s how you can make only that homepage banner image link to your “Hand Carved Chess Boards” product page:

Steps (Shopify Online Store 2.0 themes like Dawn)

  1. Go to your Shopify admin → Online Store → Themes → Customize

  2. Navigate to your Homepage

  3. Find the section that contains the banner image

  4. Check if your section has a “Link” or “Image link” field (many banner/image banner sections do).

    • If yes → just paste your product link there (e.g. /products/hand-carved-chess-boards)

    • Save

If your section doesn’t have a link option:

You can manually wrap the image in a link in the code.

  1. From your Shopify admin → Online Store → Themes → Edit code

  2. Locate the section file for your homepage banner

    • Common names:

      • sections/image-banner.liquid

      • sections/hero-banner.liquid

      • or a custom one you created

  3. Find the line where your image is rendered — it might look something like:

    {{ 'banner-image.jpg' | image_url | image_tag }}

  4. Wrap that line in an <a> tag, like this:

    <a href="/products/hand-carved-chess-boards">
  {{ 'banner-image.jpg' | image_url | image_tag }}
</a>

  5. Save and preview. Now only that image will be clickable.

Hope this works. The only possible issue is if your theme is different from what I assumed. Please share your theme name, and I’ll do my best to give you the exact solution.

Thanks,

EmbedAny Support

4

Hi @jackthomasp ,
If you’re using the Prestige theme, here’s how to make just that one banner image link to your “Hand Carved Chess Boards” product page:

1. Go to:
Online Store → Themes → Edit code

2. Open the section where your banner image is defined.
Usually, this will be something like:
sections/image-banner.liquid
or
sections/hero-banner.liquid

3. Wrap the banner image in an anchor tag like this:

{% if section.settings.image %}
  <a href="/products/hand-carved-chess-boards">
    <img src="{{ section.settings.image | img_url: 'master' }}" alt="{{ section.settings.image.alt | escape }}">
  </a>
{% endif %}
5

Hi @jackthomasp,

You can follow the instructions below, it will work fine. Refer link

6

Hi @jackthomasp

After further checking, it is available to access Hand Carved Chess Boards this product page already after clicking the image banner on your homepage, rest assured~ :+1:

7

Hi @jackthomasp

This is a simple job. At the same time, adding a section to a page. You have options to add an image, text, and an actionable link to that image or text.

Please add a link where you want to redirect on that action.

Hope this will help, let me know if you need more help.

Regards,