Turn anything into a SLIDER in Elementor (No Plugin)

Поділитися
Вставка
  • Опубліковано 28 лис 2024

КОМЕНТАРІ • 410

  • @jimfahaddigital
    @jimfahaddigital  2 роки тому +3

    🔥Download Exclusive Elementor Templates: kitpapa.com 🔥

    • @ambrosrono6008
      @ambrosrono6008 Рік тому +1

      Çcc

    • @KRASIST
      @KRASIST Рік тому

      Hi, can you tell if the text from the cards in this slider can be used for SEO on page?

    • @beterworld
      @beterworld Рік тому +2

      @@KRASIST lider is made with java script. i think content inside java script is not good for seo.

  • @jp-colemonts
    @jp-colemonts 2 роки тому +55

    Elementor GUYS! Please pay more money to this guy! He teaches very well!

  • @chrisworld1064
    @chrisworld1064 2 роки тому +4

    For the ones who do not have Elementor Pro, there is a plug-in named ‘Premium Addons for Elementor’ and you can use the ‘premium carousel’ and in templates you can add your Cards. Make sure to update your progress first and reload the page so your templates can show, sometimes it will act up.
    Thank you soo much for this video, you are so creative and is such an inspiration!

    • @melimaislau1437
      @melimaislau1437 2 роки тому +1

      Thx for the extra tip ! Works perfectly well !

    • @abbaskizilbash4318
      @abbaskizilbash4318 2 роки тому

      Thanks, Chris! Premium Addons worked like a charm.

    • @ricardotaipe
      @ricardotaipe Рік тому

      Thank you for this! I followed the tutorial and then I realized I needed premium so this saved me lol! But theres a white bar aboive my carroussel, do you know how to fix that?

  • @RohanisTimelessTreasures
    @RohanisTimelessTreasures Рік тому +2

    Thank you! As a non-technical small business owner creating her own website and content all the time, this really helps me. I'll check out your other videos for sure!

  • @tsolias26
    @tsolias26 Рік тому +24

    You just opened for me a whole new banch of endless design options! Thank you very much for your time and efforts!

  • @maxcom
    @maxcom Рік тому

    The rest of the world is envious of the ingenuity that Asians have, especially those from India, incredible how you turned the testimonials widget into a function that many sell as an extra in addition to Elementor Pro

  • @upbeataffiliate
    @upbeataffiliate 2 роки тому

    Number One UA-cam Channel.Jim Fahad Digital.

    • @jimfahaddigital
      @jimfahaddigital  2 роки тому

      Yoo!! Thanks for your continuous support!! 🤗

  • @TheMarchelloKujavetti
    @TheMarchelloKujavetti Рік тому

    You're the best! When hope falls, there is always some Asian genius who knows the answer to everything. Not every hero wears a cape.

    • @jimfahaddigital
      @jimfahaddigital  Рік тому +1

      I really appreciate your support and encouragement! It means a lot to me to know that I've been able to make a positive impact.

  • @Akashsuchandra
    @Akashsuchandra 2 роки тому +3

    This video is very helpful for me but when I watched 2nd part I was upset because paid elements were used ,I used a "premium carousel" that is free ...and 1st part of the video was effective for me. thank you, sir

    • @ericcastro007
      @ericcastro007 2 роки тому

      Hello, where can I get "Premium Carousel"?

    • @mohammadenamuddinchowdhury9584
      @mohammadenamuddinchowdhury9584 2 роки тому

      @@ericcastro007 if you install premium addons and essential addon elementor you can get a option called carousel by that you can make that slide

  • @_FridayFoodVlog__
    @_FridayFoodVlog__ 2 роки тому

    This man is well known about what he is doing... Bravo!

  • @Karthikeyan-p6p
    @Karthikeyan-p6p Рік тому

    In search of clear wordpress tutorial, Your video satisfied that requirement! Awesome ! Keep Doing bruhhhhhhh!!!

  • @awake_self_discovery
    @awake_self_discovery 2 роки тому +1

    You explain every single thing that you do...What you click on, etc...love it, love it, love it. Best teaching video I have seem EVER!

  • @andrewkarim3451
    @andrewkarim3451 2 роки тому

    UA-cam needs to have a "Double Thumbs Up" option.... this definitely deserves it

  • @hannah_seeley
    @hannah_seeley 2 роки тому +4

    My templates don't show any shortcodes for the cards I've created... Is that a plugin or what can I do to see those shortcodes?

  • @talhajutt.002
    @talhajutt.002 2 роки тому +24

    You are absolutely amazing bro ❤️ I learn almost everything from you through this channel

    • @jimfahaddigital
      @jimfahaddigital  2 роки тому +1

      Happy to hear that! I really appreciate it! 😇

    • @talhajutt.002
      @talhajutt.002 2 роки тому

      @@jimfahaddigital Bro can you please make a tutorial to make e-commerce website on depot theme with wpbakery page builder? I want to learn it from you

    • @IsaacOnyait
      @IsaacOnyait 2 роки тому

      Am with you, this one is a promise, I have to appreciate this guy.

  • @DaJyzor
    @DaJyzor 2 роки тому +1

    What do you think about Zion Builder and how does it compare with Elementor? I'm curious what are your taughts..

  • @markchristianmarata1780
    @markchristianmarata1780 2 роки тому

    Finally! I've been looking for a solution that doesn't use a plug in, and here it is. Thanks man!

  • @JakiaSultana-04
    @JakiaSultana-04 Рік тому

    I was troubled to make a custom testimonial carousel. After watching your tutorial, my problem has been solved! Thanks for the valuable content!

  • @ourinsideout3709
    @ourinsideout3709 2 роки тому

    Elementor needs to hire you .. you are a PRO

  • @manuelgarrido2873
    @manuelgarrido2873 Рік тому

    Indú sos un crack! me salvaste la noche de quemarme las pestañas escribiendo css Love it!

  • @oramagraphics
    @oramagraphics Рік тому

    Jim Fahad your tutorial style rocks.

  • @ibrahimzakria8596
    @ibrahimzakria8596 Рік тому +1

    Bro u are crazy🥵🥵🥵 I think that even Elementor did not even come up with this idea

  • @jasonhebert1656
    @jasonhebert1656 Рік тому

    What a smart workaround to custom sliders.

  • @matahativa
    @matahativa 5 місяців тому

    Your tutorial saved me HOURS of searching.. THANK YOU! You got a new subscriber!

  • @refuzion1314
    @refuzion1314 2 роки тому

    That’s actually so smart. Never thought of this

  • @HassanFalahi-c1y
    @HassanFalahi-c1y 10 місяців тому +1

    is elementor pro required for shortcode? bcz i didn't find shortcod in my saved templates

  • @SwoopNebula
    @SwoopNebula 2 роки тому +1

    is it possible to make this infinite scroll, or offset on one side?

  • @BrianWong-r2z
    @BrianWong-r2z 10 місяців тому +1

    Thanks for the tutorial, it's working perfectly!!.. but is there a way to fix the slider so it will not auto slide to left when it's clicked?

  • @jeanyvestonledjatsa9648
    @jeanyvestonledjatsa9648 Рік тому

    Hi, i'm new here and was totally amazed by your opening effect. I just started learning Filmora and realize how amazing creating content is. Good luck.

  • @santiag0pictures
    @santiag0pictures Місяць тому

    It worked perfectly!!! no need to weird plugins. Thank you so much.

  • @ryun3307
    @ryun3307 2 роки тому

    Super articulate teaching style

  • @joorchampi3346
    @joorchampi3346 2 місяці тому

    Jim Fahad you are the best!

  • @omidfadaei4346
    @omidfadaei4346 Рік тому

    Dear Jim Fahad Thank you so much for your advise and your time to share your useful experience

    • @jimfahaddigital
      @jimfahaddigital  Рік тому

      Means a lot! Thanks you so much for sharing your opinion! 😇

  • @Alex_87878
    @Alex_87878 6 місяців тому

    You are an absolute legend, keep it up.

  • @LionDesign
    @LionDesign 2 роки тому +1

    Are you working at all with the new Elementor Containers?

  • @gcpho
    @gcpho 2 роки тому

    Jim you are a legend! Love that you listen to us all! ❤️ This is a game changer 🔥

  • @kmaproduction5244
    @kmaproduction5244 8 місяців тому

    This is real one person who deserve salute..

  • @its_ahmad_raza
    @its_ahmad_raza 2 місяці тому

    That's the Pro Thing Right There ! Thanks,

  • @StateofPeaches99
    @StateofPeaches99 Рік тому +1

    Wonderful step by step for a newbie like me. Thank you for posting.

  • @manelbrandaopereira9752
    @manelbrandaopereira9752 Місяць тому

    nice video! Done this to my website. Thanks!

  • @sumayyaawan5922
    @sumayyaawan5922 Рік тому

    You Made my day at work. God Bless You ❤️

  • @ZuhuraHassanofficial
    @ZuhuraHassanofficial Рік тому

    This is GENIUS! It opens alot of possibilities!

  • @sofianearrad4689
    @sofianearrad4689 2 роки тому

    Tutorial of the year !

  • @molnarbence8087
    @molnarbence8087 2 роки тому

    The best solution, work also with simple elementor slider plugin.

  • @NoFluffDigitalMarketing
    @NoFluffDigitalMarketing 11 місяців тому +1

    This is just what I was looking for - Great tutorial!! Thanks!

  • @calonboss1002
    @calonboss1002 11 місяців тому

    KEREN BANGET SUMPAH !

  • @esliz6499
    @esliz6499 2 роки тому

    OMG your intro cracked me up!! Subscribed!!!

  • @altohausen
    @altohausen 2 роки тому +2

    Is there any way to make the second slider appear just a little in the border of the screen in mobile view? I mean, it would show the user there is more content to be viewed, it's better than a single arrow

  • @aesampayo
    @aesampayo Місяць тому

    Excellent video, I made it and it came out great but the buttons are too far apart and I don't know how to fix it. If anyone can help me, I'd appreciate it.

  • @arlolockheart
    @arlolockheart 2 роки тому

    Presentation: 11/10!

  • @faiza_aiza
    @faiza_aiza Рік тому

    Best trick ever for making slides.. Thankyou Fahad🤩

  • @CheckTesting1
    @CheckTesting1 2 роки тому

    Brilliant video sir 🙏🏾 Keep up the good work & have a blessed weekend 🙏🏾😃

  • @muratgur7909
    @muratgur7909 4 місяці тому

    Amazing video! I love how straight forward it was ! Good Job buddy!

  • @bhaveshAdept
    @bhaveshAdept Рік тому +1

    Thank you 🙂

  • @ianoliverbailey6545
    @ianoliverbailey6545 Рік тому

    Wow, that's amazing! I think I'm going to be doing a lot more of your videos to help me build and improve my website. Thanks so much for sharing.

  • @skillresearch7742
    @skillresearch7742 2 роки тому

    Great Teacher... For Web development....

  • @G2thesecondpower
    @G2thesecondpower 8 місяців тому

    Great video! Really well explained. I have been using 3d party plugins to do this, which is fine...but it's great to be able to do this right in Elementor. I had never thought of using the Testimonial widget for this. Cheers.

  • @kennyjohnsen5161
    @kennyjohnsen5161 2 роки тому

    Thanks for posting this video. I have been searching for this solution for days.

  • @angelacamargo4309
    @angelacamargo4309 2 роки тому

    Congrats! u really know a lot about elementor, I'm starting to like it a lot. Greetings from Colombia.

  • @eliskadolezalova3775
    @eliskadolezalova3775 Рік тому

    Great! Happy to make slider without any plugin! Thank you

  • @jeffdowns9513
    @jeffdowns9513 9 місяців тому +1

    Hi there - really like this but it appears elementor has stopped doing the Inner section widget and I can only add a container within containers - is that right? i really want to try out your tutorial but I can't get pass the next bit - thanks

    • @JessBoldt
      @JessBoldt 7 місяців тому

      If you found a work around, please let me know. Same issue.

  • @mickeycartoon8785
    @mickeycartoon8785 4 місяці тому

    Works good for me!! I used this idea wit ACF fdynamic fields. Thanks!

  • @bambanx
    @bambanx 4 місяці тому

    Thanks you. Its possible start and animation when the slide=template is displayed? Ty

  • @ebuks4ever
    @ebuks4ever 2 місяці тому

    I wish I got the heads up in the beginning that you were using Elementor Pro

  • @gustavobraga4073
    @gustavobraga4073 Рік тому +1

    Perfect my friend, Mto obrigado. Estava tentando fazer um slider sem plugin e agora você me deu uma luz. Obrigado mesmo.

  • @manuelparente7319
    @manuelparente7319 Рік тому

    Hi, thanks for the video, it was very helpful. But is there a way to have all the panels of the same size? When scrolling, depending on the size of the text, one panel gets shorter, another remains the same size, etc., can this problem be solved?

  • @denniselias9038
    @denniselias9038 2 роки тому +2

    Thank you so much Jim Fahad, you're genius to what you do. I appreciate your work and tactics

  • @codewithUrooj
    @codewithUrooj 2 місяці тому

    You did an amazing Job and one thing more i wana say you are intelligent

  • @buduohbudi6665
    @buduohbudi6665 2 роки тому

    You are good teacher bro. Eeven I have not good English can understand all your explanations .good job bro

  • @raoniluna
    @raoniluna 7 місяців тому

    Greetins from Brazil! Thank you for the content, man! :)

  • @edgar-chillagana
    @edgar-chillagana Рік тому

    Jim Fahad Digital seme rompio mi sitio al instalar ese complemento existe alguna solución ?? :(

  • @ZHARCO
    @ZHARCO 6 місяців тому +1

    Thank you so much ❤

  • @HelenaIvanova
    @HelenaIvanova Рік тому

    thank you so much, you save me from such a big stress and from losing so many hours!

  • @daayaniyaa
    @daayaniyaa 2 роки тому +1

    Dude, you are fab! Keep up the good work

  • @winnetouch
    @winnetouch Рік тому

    Ok, thank you for the tutorial but it would be nice to state somewhere in the BEGINNING that the widget you will be using is only for Elementor pro I just wasted making the capsules only to find out I can't continue further. Also... How can I display the shortcodes? I can't see them in my templates and they also can't be activated in the options. Is that also a pro feature only?

  • @marcymierwaldt2727
    @marcymierwaldt2727 2 роки тому

    Thank you so much! This just blew my mind!!!!!

  • @EvolveNorth
    @EvolveNorth Рік тому

    This is great, I've already done it on our site! Thanks!

  • @abidazaheer3734
    @abidazaheer3734 2 роки тому +1

    you are amazing..i realy learn from you.

  • @lissasimpson1020
    @lissasimpson1020 Рік тому

    This is great and so easy to use. Is there a way to make each slide fade in/fade out instead of slide?

    • @AliHasnainZafar-i3m
      @AliHasnainZafar-i3m Рік тому

      Yeah, after creating slides adjust them in inner section.After this,Click on slider and go to its Style Menu where you find Motion,click on it and there will be an option Animation,click on it and select Fade in.Done😊

  • @lakinen_69
    @lakinen_69 2 роки тому +1

    Thanks man, you're a legend. Don't know why this stuff isn't already included in Elementor Pro in a simpler way. What I want is to slide three columns with image, header text, some description and a button, one by one from right to left on mobile view only. This trick of yours will work for sure, but I wonder is there an easier way to do it? Something like an image carousel, but with header, description and a button.

    • @ThunderMan88
      @ThunderMan88 2 роки тому

      Nope. There isnt such an option. You will have to write custom code, with swiper.js which is already found in elementor.

  • @gilbertomandalka6802
    @gilbertomandalka6802 Рік тому

    Hi Jim, pretty awesome material - congrats! One quick question: I followed you through across your guide but decided to change the relative px size of the capsule cards (ie. wider than yours). My carousel is now squeezing the capsule cards to make sure it fits its container size. Any idea how I could fix it? Haven't found a way yet to make the carousel element be displayed bigger

  • @ashwinyadav2450
    @ashwinyadav2450 Місяць тому

    Bro were can i contact you cauz i need your help i am not able to adjust the image more than the 100% if i strech the container it will affect the other container

  • @buoniamazon
    @buoniamazon 3 місяці тому

    Can this be done without Elementor Pro?

  • @roulnetworking4115
    @roulnetworking4115 2 роки тому

    Muchas gracias!!!! Esta genial, me ayudaste mucho para mejorar el sitio web que estoy haciendo, quiero aprender mucho más, te voy a comenzar a seguir.

  • @shrimaatechnologysolutions3737
    @shrimaatechnologysolutions3737 2 роки тому +1

    hi bro you are absolutely pro..
    i did tried as guided. its works perfectly, btw can you advise how to make the slides equal height.. the bottom of the templates on slides in carousel are not equal..

  • @AmitRoy
    @AmitRoy 2 роки тому

    Great as always! Proud of you.

  • @johnravi3887
    @johnravi3887 2 роки тому +2

    Hi Jim,
    I love your videos, I have been learning a lot about Elementor from all the videos you share. I think the slider effect is a classic, and when added to websites it created a beautiful aesthetic without affecting usability. I have used it in some of my past projects, and I was looking for new ways to use it in my future projects as well. I am sure this video will be of great help. Thanks a lot for such an amazing share!

  • @riseandshinerunning
    @riseandshinerunning 2 роки тому

    This. Is. Awesome. Thank you so much for modeling this posting!!!!

  • @anobesecat7907
    @anobesecat7907 2 роки тому

    Can you show us how to do something simular with products. Im trying to find a slider that shows more then one product at a time on mobile

  • @agenciavirall7909
    @agenciavirall7909 10 місяців тому

    thanks jim i love your style

  • @thitimanno6692
    @thitimanno6692 2 роки тому

    I just wanna learn even more now- it looks so cool o.O

  • @pigital_it
    @pigital_it 2 роки тому

    wow... does it work with Elementor or just with Elementor Pro?

  • @azizkhan5465
    @azizkhan5465 2 роки тому

    You have earned my like.

  • @mohammadshafeeq3471
    @mohammadshafeeq3471 Рік тому

    Hi can you make a video on how to make the image carousel navigation dots to thumbnails, even though the media gallery has this only in image slider there is an option to use ACF to add a gallery option

  • @kruhenstand
    @kruhenstand Рік тому

    You saved my life, thanks!

  • @newmax4870
    @newmax4870 Рік тому

    best tuturial bro!!

  • @hadeeqamaqsood7118
    @hadeeqamaqsood7118 7 місяців тому

    can you please make a video on how we can open our read more or show more text in the next page

  • @JohnC-24
    @JohnC-24 3 місяці тому

    Thanks a lot. Your work is very insightful. But can you make this same pattern using the new flexbox container ? For 2024 ?

    • @OrbisAgency
      @OrbisAgency 2 місяці тому

      I dont think so..

    • @sameenrehman5021
      @sameenrehman5021 2 місяці тому

      I think that the inner section widget is no more ..

  • @jhonwick998
    @jhonwick998 2 роки тому

    Hi Jim : Thank You 🥰

  • @doctor-dan
    @doctor-dan 2 роки тому

    Does it only work with the testimonial carousel? What if I place some contest into ad Accordion tabs widget to have those country cards placed into single tabs? Could that work as well?