How To Make Slideshow Images Clickable On Shopify

[@twynall]

I tried to figure this out for a while before coming across your tutorial and I had it working before the video was even over! Thank you for helping and making it so easy!

[@ErnestSolomon-yg2cz]

bro in image banner it work but slideshow not working

[@officialgtech]

Yes it's confusing. The code doesn't work on slideshow, only image banner.

[@aquaticfanaticIn]

The title says Make Slideshow Images Clickable, but the content in the video is something Image banner 😒😒.

[@tyb.2023]

This helped a lot, I am wondering how to do this same thing with the slideshows though. I would love it if you could show us how that is done!

[@barbeedbeebee7970]

I want to know also I’m having problems doing so

[@emilyv1252]

@@barbeedbeebee7970me three. I really want this feature for a slideshow

[@aquaticfanaticIn]

Bro, this video is completely misleading. The title says one thing, but the content in the video is something else entirely.

[@soniaarmstrong9249]

This was the easiest video and worked for the refresh theme 10.0.0 . thank you so much!

[@OnHOWGuy]

You're welcome, glad i could help. Cheers

[@juancarlosmartinez9845]

Amazing!!! Just so helpful. Thanks a lot man...

[@OnHOWGuy]

You're welcome, glad i could help. Cheers

[@alphamindsetl]

I just one question , this white background around button “Shop all” how to get rid of it. That it’s attached to image banner ?

[@LeoneirisCastillo]

It worked, thank you!! I'm wondering if the "missing translation" text that comes after banner and height and also shows on color scheme options would create any problems?

[@stlbx]

Thanks for making this. Have you tested this on Studio 13.0 for the slideshow? I don't get the link option above the image within the theme editor > slideshow > slide. Also, when I add Image banner, I am getting a missing translation error within the customization bar on the right. Banner height >Adapt to first image For best results, use an image with a 3:2 aspect ratio. Learn more missing translation: "t:sections.image-banner.settings.adapt_height_first_image.label" is not present in any of the ["en"] schema locale files missing translation: "t:sections.image-banner.settings.adapt_height_first_image.info" is not present in any of the ["en"] schema locale files Color scheme missing translation: "t:sections.all.colors.background_1.label" is not present in any of the ["en"] schema locale files missing translation: "t:sections.all.colors.background_1.label" is not present in any of the ["en"] schema locale files missing translation: "t:sections.image-banner.settings.color_scheme.info" is not present in any of the ["en"] schema locale files

[@AS-rk5vb]

I'm getting the same errors. What's the fix?

[@staqe]

Anyway you can do it for the section slideshow.liquid?

[@MahimaChhabra-s5j]

Hello, thank you for this video. How can we remove the dots/counter/arrows below the slideshow images? I have been trying to do it for a month but I haven't been able to do it.

[@shuaibmj7104]

You can simply style them to display none it worked for me

[@janinesanglap]

YOU are AMAZING! Thanks for this

[@OnHOWGuy]

You're very welcome

[@elmersalazar2791]

slides with 2 or more images can also be placed so that the entire image is clicked?

[@mindfullmavericks]

hi, this is another great idea i can actualy use on my store, thank you

[@OnHOWGuy]

Hey, glad to hear that. Happy to help. Cheers

[@angryfishmusic436]

Thanks for tips. Can you explain how i can have a carroussel image for collection in my HomePage ?

[@SaskiaDetz]

Is there already a video to make multi column pictures clickable too?

[@OnHOWGuy]

Yeah i did made that video and it will be posted soon Cheers

[@ines3251]

Extremely helpful! Thank you so much!

[@OnHOWGuy]

You're very welcome, glad it was helpful. Cheers

[@MariaCarolinedeSousa-cs4lu]

please help me!! I use the reflex theme and the size of the banner is very large and I can't reduce the height I don't know which code to use. Thank you for your videos

[@Zentho_Bunny]

These videos are always so helpful just a easy and simple tutorial!

[@OnHOWGuy]

Thanks and You're welcome. Cheers

[@MrPepo255]

i learned a lot from you Thaaank you

[@salazarbarbarian1333]

Huge respect for you. Thank you so much for making these videos!

[@OnHOWGuy]

Thank you and You're welcome, glad i could help. Cheers

[@rensgeusens3621]

Can you also make a vid for making "Image-With-Text" Clickable (refresh version 11.0.0)

Thank you very much for your video, it is great. Just have a little question: Now that my Image Banner is clickable, I have problems with my Menu. My header is transparent, and my Image Banner is set to the top, the menu is visible above it. SO, now I can not select the Menu, because always select the Image Banner link. Can you help me with that?

[@sayasane78]

How to resize the image in the slideshow section though?

[@barbeedbeebee7970]

This is what I’m having problems with also 😢 I don’t know how to and I really want my Slideshow picture to fit

[@DerlyneG]

hello. The link shows butI received the following error it is not clickable. Please assist: missing translation: "t:sections.image-banner.settings.header.content" is not present in any of the ["en-US", "en"] schema locale files

[@shop22Eighteen]

Currently getting the same issue

[@Paradise_of_fragrances]

please can you make a video explaning how we make our list product smaller please keep up

[@OnHOWGuy]

I noted your request and i'll work on it. Cheers

[@aminalbisheh6239]

Can you please make a video on how we can also make the multi column and other ones clickable too

[@OnHOWGuy]

I got that video recorded, i just didn't edit it yet. It might take a week or so to be posted. Cheers

[@blelramors]

Hi, thank you for making videos and providing free code, is there a way to do this for the collage section images? can it be done in the custom css section? I’m not a coder lol, thanks for any help

[@MrPepo255]

is it worked in down team theme only "?

[@ismailfofana1823]

Hey can you make video on how to add shop now button label to mobile because I can only see it on my desktop for some reason

[@x6.slayin]

how did you make the slideshow full size/ i want my header to be in the slideshow, i set the opacity to lower but i dont know how to do it.

[@OnHOWGuy]

What theme are you using ? I think there is an option to do that for every theme from the theme customizer. Cheers

[@x6.slayin]

@@OnHOWGuy refresh ofc

[@selinashelton6556]

wondering if you can help, on my mobile view my banner is overlapping in the header area? please help

[@OnHOWGuy]

Do you have a transparent header ? i had a subscriber who had the same issue and he fixed it by adding a transparent header from my video about transparent header (it was his idea) Must be a code conflict so its difficult for me to point at the issue without checking out the code. Cheers

[@LordZuip]

Hey I added the code but the slideshow doesnt have those options

[@aiandchip]

bro please help out with the code pastebin its not opening i need it urgently

[@AndriiKSK]

when you just hover nav menu at header, menu items is opening, how to do that?

[@OnHOWGuy]

I made a video about that

[@MinhardaGedruidaMariaSwanepoel]

😃thank you 😀

[@aquaticfanaticIn]

Bro, the video title and content are completely different. Either change the title or upload a new video. In the title, you mentioned making the slideshow clickable, but in the video, you made the image banner clickable. In Shopify, these are two different elements. I’m quite disappointed after watching the video. I needed to make the slideshow clickable, and I assumed the video would provide a solution for that. However, this video is misleading. Like your other videos, you’ve only made the image banner clickable. At least others clearly mentioned 'image banner' in their titles.

[@sheenamays1490]

Anas, I tried this but it doesn't make my slideshow images clickable. I am not using Dawn. Do you have any other fixes?

[@OnHOWGuy]

Hey, Its hard to tell if you are not using dawn theme and also im working on an update for this video. Which theme/version are you using ? Let me know in a new comment please as its difficult for me now to see replies. Cheers

[@mourad1410.]

@@OnHOWGuysalut j’utilise le thème prestige et j’ai le même problème

[@julienguyen8437]

Hi, very useful video. I am using a Dawn theme 7.0.1 . If I want to make a clickable image, but not the first image of the site but a couple down below that, how can I do it? I created a custom liquid for this image banner and when I try to apply the code you provide into that custom liquid box, it does not work. so I am so confused...

[@OnHOWGuy]

Hey, thanks glad you think so. I just recorded a video about that actually but it might take a while to be posted as i didn't edit it yet and im super busy these days. It should be posted soon. Cheers

[@Kizzybradford]

Just use the same section twice.

[@garymichael4095]

my slideshow images go very thin when I add a link

[@sheenamays1490]

Me again. I use Studio for my theme and I’m using the latest version which is 15.

[@OnHOWGuy]

I see, i have an update on this on the way and will be posted soon. Shopify updates changes things for some themes so its difficult to keep up. Cheers

[@balaganstreet5352]

Bro thank you ! PLease can you help me with the website. I have made the video banner as it was done in one of yours videos, but when I switch on mobile it becomes small, can you please help me how to make it full screen on a mobile?

[@OnHOWGuy]

You're welcome, Which one ? is it the banner video ? also what theme are you using ?

[@akankshayadav1721]

I'm unable to change this setting.Nothing has changed since the new code was implemented in terms of adding links.kindly assist

[@OnHOWGuy]

Are you sure you did the steps correctly ? you cant find the option where to set a link ?

[@roopalichoudhary6325]

Incorrect code provided as this code only work with clickable image banner nd it does not work with sildeshow banner. Both have different code. If possible then make a video proper sildeshow banner wherein sildeshow banner will be clickable.

[@ezzouhribemd6396]

tnky anas i have one qs fach kankteb description f store shopify o kandir save mnin kanmchi theam makanl9ahach fmra wakha jarebt bzef dyal theams awel mera ntih fehad lprb ila 3ndk kifach n7al had prb 9olo li hna wela dir lih video pleas tnkyyy

[@OnHOWGuy]

You're welcome, you mean product description ? thats strange, use different browser or private window to view the store instead. Cheers

[@mindfullmavericks]

i tried it , it worked, the image is clickable but it became very small, i can't see the whole image banner only a part of it

[@OnHOWGuy]

Hey, did you re-set the picture again from the theme customizer ? also what theme are you using ? Cheers

[@jake6657]

i followed exact steps yet its not working, im using the Taste Theme

[@KustomKlothes]

Image banner is different from Slideshow, hey brother kindly make another video on how to make slideshow responsive & clickable

[@OnHOWGuy]

Hey, what theme/version are you using ? Please let me know in new comment as its difficult or me to see replies now. Cheers

[@chrisbiju7087]

Unfortunately it doesn't work for me. Maybe is it because I'm using the refresh theme?

[@OnHOWGuy]

Hey, i tested it on refresh theme as well, which version you have ? Cheers

[@pzudemp]

@@OnHOWGuy it works on image banner but not on slideshows!

[@AndriiKSK]

this code only for image banner template @@pzudemp

[@mrsSarah88]

But how do you make a multi collum clickable?

[@PatambayNgaTV]

thanks bro it work +1

[@OnHOWGuy]

You're welcome.

[@joesaikaly7891]

it worked on Image banner not on the slideshow images as you mentioned.

[@SrikantJena1]

This is great info but I don't find image-banner.liquid on my theme. What is the alternative?

[@toobaamir3156]

I'm setting my slideshow on desktop view but on mobile view it's just a mess

[@joesaikaly7891]

it did not work on my shopify dawn theme version 13.0.1

[@noorhassan7058]

same

[@LordZuip]

does it still work?

[@hetdedhia984]

Yes, this is for image banner. Not for the slideshow.

[@jdmahpk]

its May 2024 its working in banner but not slideshow

[@peachytrc5375]

WHY EVERY ONE WORKS ON DAWN THEME!!!! WHYYYY :( i need it for the studio theme

[@OnHOWGuy]

Because its the most used theme in Shopify.

[@PartaloDS]

i never subscribe to eny one u got my respekt and my subscribe do more videos pleas :)

[@OnHOWGuy]

Thank you and i really appreciate that, Im posting a lot now and a lot ore on the way. cheers

[@mograves3977]

this was misleading it didn't do anything for my slideshow images like the title said

[@ImaanFamily]

doesn't work for slideshow

[@Darraghcollins]

this is for a banner image not a slideshow as described in the title!

[@david6807]

did you find video?

[@DebraANDBilly]

Great tutorial, but please stay on topic.

[@shadow0155]

le lien ne fonction plus tu peut m'aider

[@OnHOWGuy]

Try with vpn

[@wildatheart15]

The link isn't working

[@OnHOWGuy]

it is working just fine, try with vpn. Cheers

[@shehroznaeem5090]

make video on owl image carousel

[@marcodalis105]

Your title says Slideshow .. and you did it on a banner .... it is not the same and it does not work for slideshow .... bad

[@OnHOWGuy]

Its called a Slideshow Banner -__-

[@jennypaige-mclean3206]

I found you only need to add this code at the start of the schema code in the original code of the section-image-banner.css that shopify provide. if you do ctrl f and type schema in and then scroll down to setting[ paste this in and save it and it works and stills lets you chnage colours and dosent come up with any odd stuff "type": "url", "id": "link", "label": "Link" }, { "type": "checkbox", "id": "new_tab", "default": false, "label": "Open in new tab?" },

[@TMCustomKreations]

Didnt work for me

[@stillbythecostaaa3111]

My images disappeared bruh

[@BangzCan]

w mans make me some money

[@luda3246]

Sadly this does not work anymore.

[@ADiBKhAN.]

Thanks

[@OnHOWGuy]

You're welcome. Cheers

[@shop22Eighteen]

This is not suitable for the slideshow banner, only the image banner.

[@bohemianoop]

Did not work. Sorry

[@angelramirez-b5w]

amigo son muy buenos sus videos podria incluir subtitulos

[@aiandchip]

hello bro

[@lilikuh5476]

This is not the correct code for slideshow images!!! It's just image banner. Why do you put slideshow in the title of the video and show something else? Pfff😒😒

[@kategeorge3109]

😊

[@LeonPohl-q5e]

A

[@ZKgalleria]

that was completely shit

[@Ahsan-j5i]

missing translation: "t:sections.image-banner.settings.adapt_height_first_image.label" is not present in any of the ["en-US", "en"] schema locale files missing translation: "t:sections.image-banner.settings.adapt_height_first_image.info" is not present in any of the ["en-US", "en"] schema locale files its giving this error

[@loneliibeats]

Great Video!!! Can you please make a video about paypal smart buttons? they are really hard to use

[@noorhassan7058]

it did not work on my shopify dawn theme version 13.0.1