How can I make the entire sale banner clickable on my Prestige Theme?

Store Design
1

Hi,

I have Prestige Theme and my URL is www.alemonstory.dk

Does anyone know how I can make the entire SALE banner on my website clickable? Right now it is only possible to click on the very small button ‘SHOP’ - and that is easily missed.

Hope someone can help me with a solution! :slightly_smiling_face:

Best, Mie.

2

Hi,

To make the banner slideshow clickable, please follow the steps below.

  1. Please go to Edit code > Sections > slideshow.liquid file.

  2. From the slideshow.liquid file, please file <img tag (line 31 & 47) as shown below.

20230125_233710.png
20230125_233710.png1516×761 62.6 KB

  1. Before the image tag <img, please add the code below. (For both mobile image & desktop image)

That’s the same link as your primary button link. If you want to use the secondary button link, you may change it from button_1_link to button_2_link.

  1. At the end of the tag, please do forget to add (ending the anchor tag) for both mobile and desktop image.

It will be as below.

20230125_234851.png
20230125_234851.png1491×762 66.4 KB


                
            
          {%- endif -%}

          {%- if block.settings.image -%}
            
              {% assign image_url = block.settings.image | img_url: '1x1' | replace: '_1x1.', '_{width}x.' %}

Don’t forget to save the changes.

Hope it helps.

3

Hi David.
So I tried to do it - here I have a screenshot of how it looked when I inserted the code:

code½.png
code½.png912×550 45.5 KB

But then my website looked like this with the banner gone:

banner1.png
banner1.png1895×825 12.9 KB

Thus i removed the code again. What did I do wrong?
Best, Mie

4

Because you added 2 anchor tag without end . This incomplete anchor tag will mass the DOM structure.

You should remove the first <a tag as below.

20230127_032212.png
20230127_032212.png1470×885 73.3 KB

Hope it helps.

5

Hi David,

Thanks for helping. I have not entered the code like this:

MieMartine_0-1674813914913.png
MieMartine_0-1674813914913.png852×546 46 KB

Unfortunately the banner still disappears.

Best, Mie

6
  • I have NOW entered the code like above.
7

@MieMartine

Hi,

The code was for old Prestige theme.

Please disregard the code above.

Simply remove the button text and keep the button link.

The button link will be applied to the image.

Hope it helps.

8

Hi David,

Okay, no problem.

If I remove the button text in the theme editor, the banner disappears.