How To Make Slideshow Images Clickable On Shopify

แชร์
ฝัง
  • เผยแพร่เมื่อ 29 ม.ค. 2025

ความคิดเห็น • 131

  • @twynall
    @twynall 10 หลายเดือนก่อน +1

    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
    @ErnestSolomon-yg2cz ปีที่แล้ว +18

    bro in image banner it work but slideshow not working

    • @officialgtech
      @officialgtech 9 หลายเดือนก่อน +4

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

    • @aquaticfanaticIn
      @aquaticfanaticIn 2 หลายเดือนก่อน +1

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

  • @tyb.2023
    @tyb.2023 ปีที่แล้ว +9

    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
      @barbeedbeebee7970 ปีที่แล้ว +2

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

    • @emilyv1252
      @emilyv1252 ปีที่แล้ว

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

    • @aquaticfanaticIn
      @aquaticfanaticIn 2 หลายเดือนก่อน +1

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

  • @LeoneirisCastillo
    @LeoneirisCastillo ปีที่แล้ว +3

    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?

  • @TMwolfAS
    @TMwolfAS ปีที่แล้ว +2

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

  • @staqe
    @staqe ปีที่แล้ว +3

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

  • @soniaarmstrong9249
    @soniaarmstrong9249 ปีที่แล้ว +1

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

    • @OnHOWGuy
      @OnHOWGuy  ปีที่แล้ว

      You're welcome, glad i could help.
      Cheers

  • @MahimaChhabra-s5j
    @MahimaChhabra-s5j ปีที่แล้ว +3

    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
      @shuaibmj7104 7 หลายเดือนก่อน

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

  • @angryfishmusic436
    @angryfishmusic436 ปีที่แล้ว +1

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

  • @MariaCarolinedeSousa-cs4lu
    @MariaCarolinedeSousa-cs4lu 2 หลายเดือนก่อน

    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

  • @elmersalazar2791
    @elmersalazar2791 ปีที่แล้ว +1

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

  • @stlbx
    @stlbx 11 หลายเดือนก่อน +1

    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
      @AS-rk5vb 7 หลายเดือนก่อน

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

  •  10 หลายเดือนก่อน

    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
    @sayasane78 ปีที่แล้ว +2

    How to resize the image in the slideshow section though?

    • @barbeedbeebee7970
      @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

  • @MrPepo255
    @MrPepo255 ปีที่แล้ว

    is it worked in down team theme only "?

  • @aquaticfanaticIn
    @aquaticfanaticIn 2 หลายเดือนก่อน +1

    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.

  • @juancarlosmartinez9845
    @juancarlosmartinez9845 5 หลายเดือนก่อน +1

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

    • @OnHOWGuy
      @OnHOWGuy  5 หลายเดือนก่อน

      You're welcome, glad i could help.
      Cheers

  • @selinashelton6556
    @selinashelton6556 5 หลายเดือนก่อน

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

    • @OnHOWGuy
      @OnHOWGuy  5 หลายเดือนก่อน +1

      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

  • @SaskiaDetz
    @SaskiaDetz ปีที่แล้ว +2

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

    • @OnHOWGuy
      @OnHOWGuy  ปีที่แล้ว

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

  • @rensgeusens3621
    @rensgeusens3621 ปีที่แล้ว +1

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

  • @mindfullmavericks
    @mindfullmavericks ปีที่แล้ว +1

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

    • @OnHOWGuy
      @OnHOWGuy  ปีที่แล้ว

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

  • @blelramors
    @blelramors ปีที่แล้ว +1

    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

  • @DerlyneG
    @DerlyneG ปีที่แล้ว +1

    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
      @shop22Eighteen 9 หลายเดือนก่อน

      Currently getting the same issue

  • @LordZuip
    @LordZuip 5 หลายเดือนก่อน

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

  • @ismailfofana1823
    @ismailfofana1823 10 หลายเดือนก่อน

    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

  • @aiandchip
    @aiandchip 9 หลายเดือนก่อน

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

  • @sheenamays1490
    @sheenamays1490 6 หลายเดือนก่อน

    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
      @OnHOWGuy  6 หลายเดือนก่อน

      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.
      @mourad1410. 3 หลายเดือนก่อน

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

  • @x6.slayin
    @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
      @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
      @x6.slayin ปีที่แล้ว

      @@OnHOWGuy refresh ofc

  • @Paradise_of_fragrances
    @Paradise_of_fragrances ปีที่แล้ว +1

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

    • @OnHOWGuy
      @OnHOWGuy  ปีที่แล้ว

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

  • @Zentho_Bunny
    @Zentho_Bunny ปีที่แล้ว

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

    • @OnHOWGuy
      @OnHOWGuy  ปีที่แล้ว

      Thanks and You're welcome.
      Cheers

  • @MrPepo255
    @MrPepo255 ปีที่แล้ว

    i learned a lot from you
    Thaaank you

  • @AndriiKSK
    @AndriiKSK ปีที่แล้ว

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

    • @OnHOWGuy
      @OnHOWGuy  ปีที่แล้ว

      I made a video about that

  • @SrikantJena1
    @SrikantJena1 10 หลายเดือนก่อน

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

  • @ines3251
    @ines3251 ปีที่แล้ว

    Extremely helpful! Thank you so much!

    • @OnHOWGuy
      @OnHOWGuy  ปีที่แล้ว

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

  • @ezzouhribemd6396
    @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
      @OnHOWGuy  ปีที่แล้ว

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

  • @LordZuip
    @LordZuip 5 หลายเดือนก่อน

    does it still work?

  • @janinesanglap
    @janinesanglap ปีที่แล้ว

    YOU are AMAZING! Thanks for this

    • @OnHOWGuy
      @OnHOWGuy  ปีที่แล้ว

      You're very welcome

  • @aminalbisheh6239
    @aminalbisheh6239 ปีที่แล้ว +1

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

    • @OnHOWGuy
      @OnHOWGuy  ปีที่แล้ว +2

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

  • @akankshayadav1721
    @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
      @OnHOWGuy  ปีที่แล้ว

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

  • @julienguyen8437
    @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
      @OnHOWGuy  ปีที่แล้ว +1

      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
      @Kizzybradford ปีที่แล้ว

      Just use the same section twice.

  • @salazarbarbarian1333
    @salazarbarbarian1333 ปีที่แล้ว

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

    • @OnHOWGuy
      @OnHOWGuy  ปีที่แล้ว

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

  • @garymichael4095
    @garymichael4095 ปีที่แล้ว

    my slideshow images go very thin when I add a link

  • @MinhardaGedruidaMariaSwanepoel
    @MinhardaGedruidaMariaSwanepoel 3 หลายเดือนก่อน

    😃thank you 😀

  • @balaganstreet5352
    @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
      @OnHOWGuy  ปีที่แล้ว

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

  • @mrsSarah88
    @mrsSarah88 ปีที่แล้ว

    But how do you make a multi collum clickable?

  • @jake6657
    @jake6657 ปีที่แล้ว

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

  • @chrisbiju7087
    @chrisbiju7087 ปีที่แล้ว

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

    • @OnHOWGuy
      @OnHOWGuy  ปีที่แล้ว

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

    • @pzudemp
      @pzudemp ปีที่แล้ว +1

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

    • @AndriiKSK
      @AndriiKSK ปีที่แล้ว

      this code only for image banner template
      @@pzudemp

  • @toobaamir3156
    @toobaamir3156 ปีที่แล้ว

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

  • @roopalichoudhary6325
    @roopalichoudhary6325 10 หลายเดือนก่อน

    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.

  • @joesaikaly7891
    @joesaikaly7891 10 หลายเดือนก่อน

    it did not work on my shopify dawn theme version 13.0.1

  • @joesaikaly7891
    @joesaikaly7891 10 หลายเดือนก่อน

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

  • @PatambayNgaTV
    @PatambayNgaTV ปีที่แล้ว

    thanks bro it work +1

    • @OnHOWGuy
      @OnHOWGuy  ปีที่แล้ว

      You're welcome.

  • @KustomKlothes
    @KustomKlothes 5 หลายเดือนก่อน

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

    • @OnHOWGuy
      @OnHOWGuy  5 หลายเดือนก่อน

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

  • @jdmahpk
    @jdmahpk 8 หลายเดือนก่อน

    its May 2024 its working in banner but not slideshow

  • @sheenamays1490
    @sheenamays1490 6 หลายเดือนก่อน

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

    • @OnHOWGuy
      @OnHOWGuy  6 หลายเดือนก่อน

      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

  • @mindfullmavericks
    @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
      @OnHOWGuy  ปีที่แล้ว

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

  • @mograves3977
    @mograves3977 7 หลายเดือนก่อน

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

  • @ADiBKhAN.
    @ADiBKhAN. ปีที่แล้ว

    Thanks

    • @OnHOWGuy
      @OnHOWGuy  ปีที่แล้ว

      You're welcome.
      Cheers

  • @PartaloDS
    @PartaloDS 5 หลายเดือนก่อน

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

    • @OnHOWGuy
      @OnHOWGuy  5 หลายเดือนก่อน

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

  • @shehroznaeem5090
    @shehroznaeem5090 ปีที่แล้ว

    make video on owl image carousel

  • @marcodalis105
    @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
      @OnHOWGuy  ปีที่แล้ว

      Its called a Slideshow Banner -__-

  • @shadow0155
    @shadow0155 ปีที่แล้ว

    le lien ne fonction plus tu peut m'aider

    • @OnHOWGuy
      @OnHOWGuy  ปีที่แล้ว

      Try with vpn

  • @peachytrc5375
    @peachytrc5375 ปีที่แล้ว

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

    • @OnHOWGuy
      @OnHOWGuy  ปีที่แล้ว

      Because its the most used theme in Shopify.

  • @hetdedhia984
    @hetdedhia984 9 หลายเดือนก่อน

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

  • @ImaanFamily
    @ImaanFamily 2 หลายเดือนก่อน

    doesn't work for slideshow

  • @wildatheart15
    @wildatheart15 ปีที่แล้ว

    The link isn't working

    • @OnHOWGuy
      @OnHOWGuy  ปีที่แล้ว

      it is working just fine, try with vpn.
      Cheers

  • @DebraANDBilly
    @DebraANDBilly 11 หลายเดือนก่อน

    Great tutorial, but please stay on topic.

  • @shop22Eighteen
    @shop22Eighteen 9 หลายเดือนก่อน

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

  • @angelramirez-b5w
    @angelramirez-b5w ปีที่แล้ว

    amigo son muy buenos sus videos podria incluir subtitulos

  • @Darraghcollins
    @Darraghcollins ปีที่แล้ว

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

    • @david6807
      @david6807 11 หลายเดือนก่อน

      did you find video?

  • @aiandchip
    @aiandchip 8 หลายเดือนก่อน

    hello bro

  • @BangzCan
    @BangzCan 8 หลายเดือนก่อน

    w mans make me some money

  • @TMCustomKreations
    @TMCustomKreations 7 หลายเดือนก่อน

    Didnt work for me

  • @luda3246
    @luda3246 4 หลายเดือนก่อน

    Sadly this does not work anymore.

  • @lilikuh5476
    @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😒😒

  • @stillbythecostaaa3111
    @stillbythecostaaa3111 ปีที่แล้ว

    My images disappeared bruh

  • @Buuuyit
    @Buuuyit 3 วันที่ผ่านมา

    not working

  • @kategeorge3109
    @kategeorge3109 10 หลายเดือนก่อน

    😊

  • @bohemianoop
    @bohemianoop 9 หลายเดือนก่อน

    Did not work. Sorry

  • @LeonPohl-q5e
    @LeonPohl-q5e ปีที่แล้ว

    A

  • @ZKgalleria
    @ZKgalleria 11 หลายเดือนก่อน

    that was completely shit

  • @Ahsan-j5i
    @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
    @loneliibeats ปีที่แล้ว

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

  • @jennypaige-mclean3206
    @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?"
    },

  • @noorhassan7058
    @noorhassan7058 10 หลายเดือนก่อน

    it did not work on my shopify dawn theme version 13.0.1