Interactive Elementor Landing Page Website Design | WordPress Elementor Pro Tutorial 2022

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

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

  • @jimfahaddigital
    @jimfahaddigital  Год назад +4

    🔥Download Exclusive Elementor Templates: kitpapa.com 🔥

    • @mahdisabbaghi-f3g
      @mahdisabbaghi-f3g Год назад

      why don't you answer the questions?

    • @mahdisabbaghi-f3g
      @mahdisabbaghi-f3g Год назад +1

      I really liked your video but it does not work. I did each step as you said, but got nothing !

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

      @@mahdisabbaghi-f3g same its not working

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

      @@nadav12617 same not working

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

      Not working

  • @zafit02
    @zafit02 Год назад +6

    the problem of many other tutorials that do amazing things but completely forget about the mobile version, and it's totally useless, you always make it look great on any device, thanks!!!

  • @upbeataffiliate
    @upbeataffiliate 2 года назад +6

    This is art! Epic work! Kept my attention the whole 25 minutes and 52 seconds. You are my inspiration ♥ !!! dude and your content are the best I've watched! You are so damn talented...

    • @jimfahaddigital
      @jimfahaddigital  2 года назад +1

      Means a lot!!! Thanks a million man!!

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

      It's not working when I put dynamic css. Help me please

  • @prokassim
    @prokassim 2 года назад +1

    Awesome Jim, always looking forwards for your tutorials.

    • @jimfahaddigital
      @jimfahaddigital  2 года назад +1

      Thanks a million brother for your contentious support!!

    • @prokassim
      @prokassim 2 года назад

      @@jimfahaddigital You deserve it bro. I wish you all the best.

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

    Truly a genius!! Greetings from Argentina!

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

    You are great. Thank you so much 😊

  • @MrSlypire
    @MrSlypire 2 года назад +3

    Hey Jim, yet another awesome video, big fan of you and your work.
    Is there any chance you have planned a tutorial for vertical scroll section, thats something I really want to learn with elementor..

  • @RockstahRolln
    @RockstahRolln 2 года назад +1

    Thank you Jim for the terrific video as always!!

    • @jimfahaddigital
      @jimfahaddigital  2 года назад

      Yoo!! Thanks you so much for your continues support!! ❤️❤️😇

  • @ZeptejSeFilipa
    @ZeptejSeFilipa 2 года назад

    These tutorials are brutal! THX

  • @AhmadFareed-kj5cc
    @AhmadFareed-kj5cc 3 месяца назад +1

    I am having error when i uploaded custom css still it was showing all the bikes on preview

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

    good morning greetings from colombia I want to thank you for your tutorials are excellent, I have had a little probelmas to follow them because I know little English and youtube translation is sometimes bad but following the step by step I have succeeded again thank you very much really your tutorials are super great and have helped me a lot again thank you very much

  • @nesrinelbeltagy5191
    @nesrinelbeltagy5191 2 года назад

    Thanks jim for this amazing video please make more and more for landing page videos

  • @luizaugustocosta6781
    @luizaugustocosta6781 2 года назад

    Wow! Jim, you are the best webmaster.

  • @KhangThai
    @KhangThai 2 года назад

    Awesome tutorials 😍always looking forwards for your tutorials.

  • @user-nz6ut4jg6p
    @user-nz6ut4jg6p 2 месяца назад +1

    Thank you so much

  • @hectordiaz1434
    @hectordiaz1434 6 месяцев назад +2

    For some reason the HTML code did not worked when I tried using my own images and I added one more control image. Please advise! Thanks!

  • @brandonowen6637
    @brandonowen6637 Год назад +4

    Hello Jim,
    Thanks for this wonderful tutorial but unfortunately the java script snippet or Dynamic CSS is not functioning properly. I have the most current version of Elementor Pro and I am using my personal pictures. Any chance you could reply with possible corrections? Thanks Much

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

    Hi great tutorial, but is there a update for the codes? did all stpes but not working, thanks.

  • @suvirsroom245
    @suvirsroom245 2 года назад +1

    Thanks a lot, my brother, I will learn wordpress from youm, Thank you Brothers

    • @jimfahaddigital
      @jimfahaddigital  2 года назад +1

      Yoo!!! Keep watching brother!! 😇❤️

    • @suvirsroom245
      @suvirsroom245 2 года назад

      @@jimfahaddigital Yeah Bro, I wanna be a web Developer also. So that I am watching your video, every video. Pray for me brother. If I have succeed, than I will give you full credit . Thanks Brother. by the way - Are you Bangladeshi ?

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

    Great tutorial Jim. I enjoyed every step of it. I do have a question though, can this be possible with a divi theme?

  • @touringtime
    @touringtime 2 года назад

    I have learned a lot of things from you. Thank you so much for making excellent tutorial.. ❤❤❤❤

    • @jimfahaddigital
      @jimfahaddigital  2 года назад

      Thanks a million for sharing brother!! I wish you all the success!!

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

    THANK YOU SO MUCH FOR THE TUTORIAL 🥰😍❤

  • @juniormptx
    @juniormptx 2 года назад

    Great!! Great!! Great!! thanks Jim

  • @smnurulislam
    @smnurulislam 2 года назад

    Awesome Tutorial as always. Thank you so much for your advance tutorial.

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

    You are the Best. Thanks!!!

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

      how did it work for you?

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

    una lastima que deje de funcionar en las nuevas versiones de elementor, tuve que remplazar ese contenedor , gran contenido y gracias por compartir tu conocimiento saludos

    • @lumanik
      @lumanik 4 месяца назад

      Brother, did you find a way to do it in the current versions of Elementor?

  • @MrCamdere
    @MrCamdere 2 года назад

    Wow need more Videos like this thanks bro

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

    Very good tutorial, although now I think that with elementor and the nesting option it can be made simpler, it wouldn't be bad if you made a current version, thank you very much master.

  • @samgupta143
    @samgupta143 2 года назад

    Thanks, Jim for this amazing video, Really it motivates us. This amazes us, we can do this type of stuff also. Great!! Bro

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

    Great tutorial from Jim as usual - but it doesn't work on current version of Elementor ( 3.10.1 in my case). Only the left (text) column reacts.

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

      I have the same issue, followed every step but can't get it to work?

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

    You're a rockstar, thank you! The active control isn't highlighted on load, just after it's clicked on (i.e. the black bike control image background isn't white at first). Other than that, perfect! If you have a code update to make the first control formatted to display "active" on page load that would be incredible too!

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

    I would like to do this but with dynamic content... please help. Thank you so much.

  • @frizzamedia5967
    @frizzamedia5967 2 года назад

    welcome back Jim Fahad, i was waiting for you to comeback after long Times 😭

    • @jimfahaddigital
      @jimfahaddigital  2 года назад

      Thank you so much!! I personally missed these tutorials so much... haha! I've thousands more to offer!! 😀

    • @frizzamedia5967
      @frizzamedia5967 2 года назад

      @@jimfahaddigital that's great! where have u been by the way

  • @riyadhjerjo3393
    @riyadhjerjo3393 2 года назад

    Great Job! Thanks a lot.

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

    hello, thank you for this great tutorial, but when i put in the dynamic CSS its not working, this work if my elementor is not for bike? because i put in for curniner photo

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

      can you please explain because its not working for me also

  • @thebrandvision20011
    @thebrandvision20011 4 месяца назад

    Thank you so much dear❤ you are really JIN 😊

    • @lumanik
      @lumanik 4 месяца назад

      Did everything work correctly for you? I just tried to do it and I haven't succeeded.

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

      Just copy paste the same names and follow each step correctly and same

  • @moinulislamhemel7041
    @moinulislamhemel7041 2 года назад

    just awesome design u r really creative anyway tnx

    • @jimfahaddigital
      @jimfahaddigital  2 года назад +1

      Thank you so much!! I really really appreciate it!!

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

      It's not working when I put dynamic css. Help me please

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

    mine is not working sir, i did follow ur every step but i still dont get it ...

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

    Awesomeness!!

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

      It's not working when I put dynamic css. Help me please

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

    thanks bro very nice tutorial.

  • @lumanik
    @lumanik 4 месяца назад

    Hey Jim, I haven't been able to achieve it with the current version of Elementor, do you have any idea why that might be? Thank you very much, I am a fan of yours!

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

    Thanks for this amazing tutorial, Jim! I've just used it. Just one doubt: how can I move back to display the 1st "details-area" content on mouseout? Is it possible? Thanks a lot.

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

    After insert custom css, why im still in 3 images in preview not changes ?

    • @TECHVINES-tk8wi
      @TECHVINES-tk8wi 8 месяцев назад

      I'm also experiencing the same problem

  • @phantom_Video
    @phantom_Video 2 года назад

    Thanks for information 🤩 very useful information

  • @mahdisabbaghi-f3g
    @mahdisabbaghi-f3g Год назад +1

    the css code does not work properly. I did all the things with your images but no results were given!!

  • @Jc-si6pj
    @Jc-si6pj 2 года назад

    Nice dude !!

  • @juliancardona-r4e
    @juliancardona-r4e Год назад

    Hello, I have a question. If it had 5 elements, would it work or do I have to change something? thanks for your help

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

    Would it not make more sense to have a layout/design where when the bike on the right is clicked and become the main bike displayed that its thumb nail image gets replaced by the previously main displayed bike.

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

    Amazing tutorial..

  • @daviddjollo1923
    @daviddjollo1923 2 года назад

    This is dope !!! we learn a lot from you... really thks... Please can you do a video of a landing page where we can choose storage and color of a phone before to click on buy.. pls

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

    Hello Jim, I really love what you do. Thank you do much. I've been trying to access your site but I can't, am I the only one facing this issue?

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

    Sir, I have issues in bike bg image it's overlap all elements

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

    Jim is my mentor

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

      It's not working when I put dynamic css. Help me please

  • @user-rj5sq9xc2h
    @user-rj5sq9xc2h 10 месяцев назад

    Hi Jim, Thank you so much for your tutorial. It looks amazing! Will you be doing an updated video for the latest version of Elementor by any chance? Thanks again

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

    Great job Jim. But I cannot get it to work on the newest version of elemento pro ¿ I don't know why?

  • @kristapskk3409
    @kristapskk3409 2 года назад

    Thanks. All the same for FREE version is easy to create just jump to different pages once you click on bikes :))

    • @jimfahaddigital
      @jimfahaddigital  2 года назад

      Haha!! Not at all!! You may have more content underneath this banner. This could be in the middle of any page. When you have CLICK option, why would you decide to load it on a different page. Very very bad UX that would be. haha!

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

    Good work!! I’m wondering if it is possible to do this with Divi Theme… any suggestions? 😅

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

    @jimfahaddigital
    You really are an inspiration sir. Thank you for everything. Please my question here is, what if I want the background and contents to be changing with timing. Without clicking. What should I change?

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

    Hello,
    How can I implement this with a plugin and without using css code?

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

    Genius

  • @qaemn.m5223
    @qaemn.m5223 5 месяцев назад +2

    Didn't work!

  • @MdShahAlamMia-pv3in
    @MdShahAlamMia-pv3in 10 месяцев назад

    Great job Jim Bhaiya. But did't work on the newest version of Elemento Pro. Please give solve the issue

  • @TECHVINES-tk8wi
    @TECHVINES-tk8wi 8 месяцев назад +1

    i followed every step on this video, but the interactive feature is not working on live preview. All the 3 bikes preview on the homepage. Help me

  • @CreateCrest
    @CreateCrest 2 года назад

    Please sir make more tutorials for LANDING PAGE DESIGNING it will help us a lot.

  • @sheraz_ahmed
    @sheraz_ahmed 2 года назад

    Amazing

  • @bilalnaveed1101
    @bilalnaveed1101 2 года назад

    Nice ❤

  • @coderprojahangir2103
    @coderprojahangir2103 2 года назад

    Brother after showing video i Learn huge. Now almost lv2 on fiverr

  • @islamreels1061
    @islamreels1061 2 года назад

    Legend.!

  • @claudiofuentes9880
    @claudiofuentes9880 2 года назад +1

    can the background become a slider? at the same time?

    • @teuccio73
      @teuccio73 2 года назад

      with transition options!

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

    brother i do same thing but not working i try 2 times

  • @Tamara.Gafniel
    @Tamara.Gafniel Год назад

    very smart

  • @MjMwale
    @MjMwale 4 месяца назад

    Hi Jim, awesome tutorial. But how come i am the only one crying that it didnt work. Pls kindly assist. i have repeated and redesign it 4 times in 3 days

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

    Hi Jim, thanks for this tutorial; but I am having issues making it work. Followed the tutorial to a T. All three containers within the details-area containers are showing despite the correct settings. Your help is appreciated, thanks in advance.

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

      I have the same issue, followed every step but can't get it to work?

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

      @@deonbotha23 Hi there, i was playing around with the nested tabs today and have this layout figured out if you are interested, let me know!

    • @user-rj5sq9xc2h
      @user-rj5sq9xc2h 10 месяцев назад

      Hi @@veroniquepuderecki5995 , would you be able to post the solution if possible? would be greatly appreciated! Thank you

    • @lumanik
      @lumanik 4 месяца назад

      @@veroniquepuderecki5995 Do you know how to solve it in current versions bro?

  • @darkhackingweb1958
    @darkhackingweb1958 6 месяцев назад +1

    help me through this its not working after adding css and javascript can some one help me.

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

    it only works with you images? im triying but it dosent work

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

    This is really a nice, I have done this design on my customer Website but because of elementor updates it’s not working. Can you please help me

  • @user-fu8qp6gf8c
    @user-fu8qp6gf8c Год назад

    You are my new bestfriend Jim ! =D

  • @upendraaaym8588
    @upendraaaym8588 2 года назад

    Thanks sir

  • @chawais6703
    @chawais6703 6 месяцев назад +1

    It's not working when I put dynamic css. Help me please

  • @gittarpikk
    @gittarpikk 2 года назад

    Please tell me you have this template offered somewhere . I need is the template as I will be changing the layout to mimic a much more modern and interactive version of my html site I designed in 2010. I used product picture icons the lined both right and left columns . Just a lot more products than 3 bikes.

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

    Hey im getting an error Uncaught TypeError: Cannot read properties of null (reading 'data'), It works in elementor but doesnt appear in the original site

  • @josbogers8609
    @josbogers8609 2 года назад

    Hello Jim, Nice video . Can I use flexbox allready in a production website ?

    • @jimfahaddigital
      @jimfahaddigital  2 года назад +1

      Personally I'm using some of my production websites. I believe there wouldn't be any problem. Future proof! haha!

    • @hennybogers-essers9673
      @hennybogers-essers9673 2 года назад

      @@jimfahaddigital Thanks Jim, but first I will do a little study about that item

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

    Dear this is not working on my end. Can you tell me additional settings so that it will work fine??

  • @naveedanjum7078
    @naveedanjum7078 6 месяцев назад +1

    It is not working

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

    don't work this code, please help me

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

    hello what theme you used ?

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

    I dont know why but its not working in my case :

  • @AratiMali-es1uf
    @AratiMali-es1uf 22 дня назад

    Those who have issues with the background image not changing,

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

    Everything works finr except the background change effect. If anyone can help me solve that. Please do

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

    i paste codes but i wont work it show three images an d titles ? plz help me

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

    Not working for me

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

    Followed each and every step but it was not working. Can you please help me? Rechecked multiple time but interactive part is not working.

  • @kennethumoekpe5908
    @kennethumoekpe5908 2 года назад

    Out of interest, what sort of soft are you hoping to produce?

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

    What a wonderful tutorial. This is awesome and self explanatory. Thanks a lot. However, i have a problem implementing the interactive features. I did exactly as you did in the video but i am nit getting the result as displayed in the video. After inserting the java script and the xustom xssm it still displays as it is on the elementor editor. pls what do i do

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

      I have the same issue, followed every step but can't get it to work?

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

      I just finished the video as well and it doesn't work. I checked that I named everything correctly and and had the right containers for the css java script and I do but it doesn't hide the other objects.

  • @HildaGarza-qp8ct
    @HildaGarza-qp8ct 4 месяца назад

    sir i did it but it wont show as urs it still show 3 3 3 for each

  • @retchienavarro9201
    @retchienavarro9201 2 года назад

    Hello Jim, can I use a text button instead of image?

    • @jimfahaddigital
      @jimfahaddigital  2 года назад +1

      Yess!!! Not only button but any element. Just make sure you've the correct class name to it's immediate parent container like the way I've described!! 😇❤️

    • @retchienavarro9201
      @retchienavarro9201 2 года назад

      @@jimfahaddigital thank you :)

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

    se puede hacer con jquery en ves de js vanilla

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

    not working unfortunately, same issue as other users on the latest elementor pro

  • @MrAbhi-nf7pj
    @MrAbhi-nf7pj 2 года назад +1

    Ist comment 👍😍

  • @mahfuzurrahman4882
    @mahfuzurrahman4882 2 года назад

    Do you have WordPress development course?