How To Make Slideshow Images Clickable On Shopify

Поделиться
HTML-код
  • Опубликовано: 18 ноя 2024

Комментарии • 125

  • @twynall
    @twynall 7 месяцев назад +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 10 месяцев назад +16

    bro in image banner it work but slideshow not working

    • @officialgtech
      @officialgtech 7 месяцев назад +2

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

  • @tyb.2023
    @tyb.2023 Год назад +7

    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 10 месяцев назад

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

  • @soniaarmstrong9249
    @soniaarmstrong9249 Год назад +1

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

    • @OnHOWGuy
      @OnHOWGuy  10 месяцев назад

      You're welcome, glad i could help.
      Cheers

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

  • @stlbx
    @stlbx 9 месяцев назад +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 4 месяца назад

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

  • @juancarlosmartinez9845
    @juancarlosmartinez9845 3 месяца назад +1

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

    • @OnHOWGuy
      @OnHOWGuy  3 месяца назад

      You're welcome, glad i could help.
      Cheers

  • @alphamindsetl
    @alphamindsetl Год назад +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 ?

  •  8 месяцев назад

    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?

  • @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 4 месяца назад

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

  • @Zentho_Bunny
    @Zentho_Bunny Год назад

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

    • @OnHOWGuy
      @OnHOWGuy  10 месяцев назад

      Thanks and You're welcome.
      Cheers

  • @angryfishmusic436
    @angryfishmusic436 Год назад +1

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

  • @staqe
    @staqe 9 месяцев назад +2

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

  • @ines3251
    @ines3251 11 месяцев назад

    Extremely helpful! Thank you so much!

    • @OnHOWGuy
      @OnHOWGuy  10 месяцев назад

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

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

  • @elmersalazar2791
    @elmersalazar2791 Год назад +1

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

  • @salazarbarbarian1333
    @salazarbarbarian1333 Год назад

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

    • @OnHOWGuy
      @OnHOWGuy  10 месяцев назад

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

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

  • @janinesanglap
    @janinesanglap Год назад

    YOU are AMAZING! Thanks for this

    • @OnHOWGuy
      @OnHOWGuy  10 месяцев назад

      You're very welcome

  • @rensgeusens3621
    @rensgeusens3621 Год назад +1

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

  • @MrPepo255
    @MrPepo255 Год назад

    i learned a lot from you
    Thaaank you

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

  • @SaskiaDetz
    @SaskiaDetz Год назад +2

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

    • @OnHOWGuy
      @OnHOWGuy  10 месяцев назад

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

  • @KustomKlothes
    @KustomKlothes 3 месяца назад

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

    • @OnHOWGuy
      @OnHOWGuy  3 месяца назад

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

  • @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 7 месяцев назад

      Currently getting the same issue

  • @ismailfofana1823
    @ismailfofana1823 7 месяцев назад

    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

  • @selinashelton6556
    @selinashelton6556 3 месяца назад

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

    • @OnHOWGuy
      @OnHOWGuy  3 месяца назад +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

  • @sheenamays1490
    @sheenamays1490 3 месяца назад

    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  3 месяца назад

      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. Месяц назад

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

  • @LordZuip
    @LordZuip 2 месяца назад

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

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

  • @MrPepo255
    @MrPepo255 Год назад

    is it worked in down team theme only "?

  • @srikantjena7076
    @srikantjena7076 8 месяцев назад

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

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

  • @LordZuip
    @LordZuip 2 месяца назад

    does it still work?

  • @aiandchip
    @aiandchip 6 месяцев назад

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

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

  • @roopalichoudhary6325
    @roopalichoudhary6325 7 месяцев назад

    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.

  • @AndriiKSK
    @AndriiKSK Год назад

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

    • @OnHOWGuy
      @OnHOWGuy  10 месяцев назад

      I made a video about that

  • @MinhardaGedruidaMariaSwanepoel
    @MinhardaGedruidaMariaSwanepoel Месяц назад

    😃thank you 😀

  • @sheenamays1490
    @sheenamays1490 3 месяца назад

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

    • @OnHOWGuy
      @OnHOWGuy  3 месяца назад

      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
    @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 ?

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

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

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

  • @hetdedhia984
    @hetdedhia984 7 месяцев назад

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

  • @garymichael4095
    @garymichael4095 Год назад

    my slideshow images go very thin when I add a link

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

  • @jake6657
    @jake6657 Год назад

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

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

  • @joesaikaly7891
    @joesaikaly7891 8 месяцев назад

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

  • @toobaamir3156
    @toobaamir3156 Год назад

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

  • @joesaikaly7891
    @joesaikaly7891 8 месяцев назад

    it did not work on my shopify dawn theme version 13.0.1

  • @jdmahpk
    @jdmahpk 5 месяцев назад

    its May 2024 its working in banner but not slideshow

  • @mrsSarah88
    @mrsSarah88 Год назад

    But how do you make a multi collum clickable?

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

  • @mograves3977
    @mograves3977 5 месяцев назад

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

  • @shehroznaeem5090
    @shehroznaeem5090 Год назад

    make video on owl image carousel

  • @DebraANDBilly
    @DebraANDBilly 8 месяцев назад

    Great tutorial, but please stay on topic.

  • @peachytrc5375
    @peachytrc5375 Год назад

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

    • @OnHOWGuy
      @OnHOWGuy  10 месяцев назад

      Because its the most used theme in Shopify.

  • @ADiBKhAN.
    @ADiBKhAN. Год назад

    Thanks

    • @OnHOWGuy
      @OnHOWGuy  10 месяцев назад

      You're welcome.
      Cheers

  • @ImaanFamily
    @ImaanFamily 2 дня назад

    doesn't work for slideshow

  • @PartaloDS
    @PartaloDS 3 месяца назад

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

    • @OnHOWGuy
      @OnHOWGuy  3 месяца назад

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

  • @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  10 месяцев назад

      Its called a Slideshow Banner -__-

  • @PatambayNgaTV
    @PatambayNgaTV 11 месяцев назад

    thanks bro it work +1

    • @OnHOWGuy
      @OnHOWGuy  10 месяцев назад

      You're welcome.

  • @Darraghcollins
    @Darraghcollins 9 месяцев назад

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

    • @david6807
      @david6807 9 месяцев назад

      did you find video?

  • @luda3246
    @luda3246 2 месяца назад

    Sadly this does not work anymore.

  • @shop22Eighteen
    @shop22Eighteen 7 месяцев назад

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

  • @wildatheart15
    @wildatheart15 10 месяцев назад

    The link isn't working

    • @OnHOWGuy
      @OnHOWGuy  10 месяцев назад

      it is working just fine, try with vpn.
      Cheers

  • @TMCustomKreations
    @TMCustomKreations 5 месяцев назад

    Didnt work for me

  • @shadow0155
    @shadow0155 10 месяцев назад

    le lien ne fonction plus tu peut m'aider

    • @OnHOWGuy
      @OnHOWGuy  10 месяцев назад

      Try with vpn

  • @stillbythecostaaa3111
    @stillbythecostaaa3111 Год назад

    My images disappeared bruh

  • @angelramirez-b5w
    @angelramirez-b5w 11 месяцев назад

    amigo son muy buenos sus videos podria incluir subtitulos

  • @kategeorge3109
    @kategeorge3109 7 месяцев назад

    😊

  • @bohemianoop
    @bohemianoop 7 месяцев назад

    Did not work. Sorry

  • @aiandchip
    @aiandchip 6 месяцев назад

    hello bro

  • @BangzCan
    @BangzCan 6 месяцев назад

    w mans make me some money

  • @loneliibeats
    @loneliibeats Год назад

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

  • @LeonPohl-q5e
    @LeonPohl-q5e 10 месяцев назад

    A

  • @ZKgalleria
    @ZKgalleria 9 месяцев назад

    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

  • @noorhassan7058
    @noorhassan7058 8 месяцев назад

    it did not work on my shopify dawn theme version 13.0.1