Real Preloader in Wix & Wix Studio | Wix Fix

แชร์
ฝัง
  • เผยแพร่เมื่อ 2 ธ.ค. 2024
  • In this video, I show you how to make a real preloader in Wix and Wix Studio.
    Code: www.wixfix.com...
    Want Early Access to Video Just Like This? Become a Channel Member:
    www.youtube.co...
    -----------------------------------------------------------
    www.wixfix.com
    -----------------------------------------------------------
    Important Tutorials:
    Top 5 Tips for Wix: • Top 5 Tips for WIX | W...
    How to Use Strips in Wix: • How to Use Strips in W...
    Set Up an E-commerce Store: • HOW TO SET UP AN ONLIN...
    Custom Forms: • Custom Forms in Wix | ...
    Wix Basics in 10 Minutes: • WIX Editor Basics in 1...
    Everything Editor X: • Everything Editor X [2...
    Modern Web Design: • Modern Web Design in W...
    -----------------------------------------------------------
    Join this channel to get access to perks:
    www.youtube.co...
    Don't forget to SUBSCRIBE and COMMENT any questions below!
    www.youtube.co...
    THANK YOU FOR WATCHING!!
    Music by Chillhop
    Music: chillhop.com
    #Wix #WixStudio #Preloader

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

  • @suraavramsaran3662
    @suraavramsaran3662 7 หลายเดือนก่อน +5

    How do i adjust this code to resize my background gif for mobile devices?

  • @asindigo1729
    @asindigo1729 8 หลายเดือนก่อน +4

    I was looking for just this!
    Does it have any impact on the load speed of the website?

    • @wixfix
      @wixfix  8 หลายเดือนก่อน +1

      To be completely transparent, I did not test that. But I would recommend finding the average loading time for your homepage, convert that to milliseconds, and use that as "setInterval" timing. That way your page should be fully loaded before the pre-loader hides itself. Hope that helps!

  • @TORBO
    @TORBO 7 หลายเดือนก่อน +4

    Hey! Great video but the link for the code doesn't seem to be working? Is there anywhere else I can acess it?

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

    I was trying to add the Paralax image in Wix Studio by connecting to an image in my CMS collection. However when done that way through CMS, the paralax image doesn't scroll correctly (try and you will see). Was wondering if you might have a coding workaround to make this work flawlessly when connected to CMS?

  • @Limoncellina
    @Limoncellina 5 หลายเดือนก่อน +2

    Sir, you are heaven sent. Thank you!

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

    Thank you so much for this! Is there a way to change thee size of the GIF?

  • @TheBrushBoxxBoutique
    @TheBrushBoxxBoutique 8 หลายเดือนก่อน +1

    So cool. Can you do a video on how to add vertical shorts from customers or people that post my products to your wix site? Like a testimonial. Thanks

  • @UXtoPM_withRonak
    @UXtoPM_withRonak 6 วันที่ผ่านมา

    Code is just working for first time then it's not working as i've followed the steps mentioned in the video. So how page load works on all pages?

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

    How can i achieve this on a light box? I have one that is connected to OTP service, and want the website visitors to know that their submission is received and show a message that says that a one time code is on its way .. etc
    Thanks

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

    bro is there any way to preload videos at the startign only and then able to seek to any point without buffering, i dont know if youtube allow this or not but is it possible somehow through programming?

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

    hi does this work for wix without premium?

  • @mon-frere
    @mon-frere 6 หลายเดือนก่อน

    Any fixes for the making the phone dimension smaller?

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

    Wow! What a nice and quick feature. Thank you

  • @mayanksharma685
    @mayanksharma685 7 หลายเดือนก่อน +1

    Hi, I just loved your videos. It is also possible we can apply this to each page of my website ?
    Like when someone is on the home page its loading. But when from homepage someone is going to about page then it loads again and when someone goes on contact us page it loads again ?

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

      Same question

  • @nox_1450
    @nox_1450 7 หลายเดือนก่อน +1

    hi man! great video but the link does not work. pls address this issue

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

    the link works for me, and I got it working on desktop but on mobile the size doesnt match, any chance you can share the code to get it working on mobile also, thanks for what you already did share! really appreciate it!

  • @superivaan91
    @superivaan91 8 หลายเดือนก่อน +1

    Hi! Looks great, but when i try this metod, it's don't working(
    p.s. I checked everything, and did it as you in video.. don't know why

    • @superivaan91
      @superivaan91 8 หลายเดือนก่อน +1

      Oh! i did it! something was with the markup... i paste code in to VScode > for formatting, and it be work, thank you for this tutorial!

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

    Sir, how can I show a preloader on each page when clicking on the menu items?
    when I click on a menu item and move to a new page, the preloader isn't showing. Is it possible to make it load on each page? ( I had set it to all pages and load on each new page)

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

      I'm having the same issue. It only shows when I reload the page with the Preloader on it, but NOT from a menu that selects it.

  • @HarikrishnanPV-s3q
    @HarikrishnanPV-s3q 8 หลายเดือนก่อน

    it will immediately start showing preloader after clicking any button/product?

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

      If you edit the code, you should be able to limit the code from running on pages that are not the homepage.

  • @mehmetbayrakk
    @mehmetbayrakk 4 หลายเดือนก่อน +1

    Thank you so much

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

    Great way to have a loader screen, but I have a no code solution for the same problem in Wix Studio if interested.

  • @RonnieBarnett-u9k
    @RonnieBarnett-u9k 2 หลายเดือนก่อน

    THANK YOOOOOOOOOUUUUUUUUUUUUUUUUU!!!!!!!!!!!!!!

  • @kakitlaw9403
    @kakitlaw9403 6 หลายเดือนก่อน +1

    Need to smaller size on mobile version 🙏🏻

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

    Hey champ! So I managed to install the code on my website, however it's only loading once when entering the site or when refreshing. When I click on a menu item and move to a new page the preloader isn't showing. Is it possible to make it load on each page? (i did set it to all pages and load on each new page)
    Thanks a lot!

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

      I’d like to know this as well

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

      Did you manage to make it work for all the pages?

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

    but its only working on Home page

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

    Thaks full video

  • @themehularora
    @themehularora 4 หลายเดือนก่อน +1

    Does not work atall

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

    tnx!

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

    Kinda odd this was a built in feature in wix classic editor but not in Wix Studio

    • @wixfix
      @wixfix  8 หลายเดือนก่อน +3

      This works for both Wix and Wix Studio. It’s built into neither platform but we’re able to accomplish this with custom code.

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

      @@wixfix i can guarantee you it is built in in wix classic editor lol i have it on a few of my own sites 😁

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

    Nice. ❤

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

    put the code in comments

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

    Broken link