Bug with Brizy cloud slider

Soleven Renou

• June 11, 2020 19:58

I have a bug with the slider of Brizy Cloud.

For Brizy Cloud.
In this page I have normally a 3 pages slider at the top (actually coming from a Brizy theme) but only the first slider appears : https://www.cclub.international

This slider is coming from the templates proposed in Brizy Cloud.

And in my Developper console in Google Chrome I see this error : 

preview.js:85 Uncaught TypeError: t.find(...).scrollPane is not a function
at m (preview.js:85)
at preview.js:85
at Array.forEach (<anonymous>)
at preview.js:85
at Object.emit (preview.js:85)
at Object.emit (preview.js:85)
at HTMLDocument.<anonymous> ((index):226)
at c (jquery.min.js:4)
at Object.fireWith [as resolveWith] (jquery.min.js:4)
at Function.ready (jquery.min.js:4)

0

• 

  Sandra Prunici

  • June 12, 2020 06:51

  Hi,

  Could you please indicate what premade block did you use and encounter this problem? Also, could you check please, what speed did you have set for the autoplay? https://jumpshare.com/v/nSvol5xJrVhNAgxkX4ND

  Thanks!

  Best regards,
  Sandra

  0
• 

  Soleven Renou

  • June 16, 2020 20:59

  I have 5 sec + dots circle + arrow thin. (but the dots and circle don't appear either).

  This come from the layout Philanthropy, the home page.

  I also try to create a new slider in this page, but same issue.

  0
• 

  Sandra Prunici

  • June 17, 2020 08:12

  Hi,

  Thank you for checking. Did you add on this project some embed code, or did you add some Code Injections, Custom CSS, Redirects? I added the same layout but all seems to work fine. https://boysenberry717523.brizy.site/

  Thanks!

  Best regards,
  Sandra

  0
• 

  Soleven Renou

  • June 20, 2020 22:49

  I have a code injection (javascript) but that have nothing to do with this part of the site.

  No Custom CSS, no redirect.

   

  0
• 

  Sandra Prunici

  • June 22, 2020 12:52

  Hi,

  Could you please delete that Code Injection and check if the slider starts to work fine?
  Thanks!

  0
• 

  Soleven Renou

  • June 23, 2020 10:54

  Hi, 

  I noticed that the bug appears when I include this file :

  <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>

  And I need JQuery.

  Should I use another version ?

  Otherwise with a function code of this type withotu definin JQuery: 

  $(function () {

  .....

  }); //end of initial function

  I get this error : "Uncaught ReferenceError: $ is not defined" because JQuery was not defined.

  So what is the best way to include JQuery ?

  Note that I was including an old version of JQuery (

  <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script> )

  But I also tested with the new version of Jquery, and have the same issue; 

  <script src="//ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

  )

   

  Thanks

  0
• 

  Sandra Prunici

  • June 23, 2020 13:34
  • Edited

  I suppose that the JQuery file has a little error and for this reason, it isn't loaded correctly. Could you please add this code? (I checked the Google documentation and find it https://developers.google.com/speed/libraries)
  <script src="https://ajax.googleapis.com/ajax/libs/d3js/5.15.1/d3.min.js"></script>
  instead of this
  <script src="//ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

  Thanks!

  Best regards,
  Sandra

  0
• 

  Soleven Renou

  • June 26, 2020 20:02

  Hi,

  This is for D3.js, which is not JQuery.

  And I need JQuery... Does your slide code have an incompatibility with JQuery ? 

  These libraries are standard libraries, I doubt they have errors.

   

  I need Jquery, as I use the function jQuery document .ready().

  That's why I am including Jquery.

   

  $(function () {

  var searchRef = getURLparameter("ref");

  .....
  
  }); //end of function

   

  Is there an incomptaiblity with you slider ? 

  In this case, do u have an alternative that would allow me to use this type of self-executed function ? 

  0
• 

  Soleven Renou

  • June 28, 2020 13:48

  Please let me know for the issue above. 

   

  I have also gathered some issues here in this page: https://www.cclub.live/test-bug

  - The dynamic counters stay at 0.

  - The icons don't appear. 

  Whereas they are ok in the design page.

   

  Thanks

  0
• 

  Sandra Prunici

  • June 29, 2020 07:31

  Hi,

  I'm sorry, I want to paste this code <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> 
  Could you please add it instead of <script src="//ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

  Regarding the problem from this site https://www.cclub.live/test-bug - I see that you added the same script <script src="//ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> (which is a bit incorrectly because don't have the https:) https://jmp.sh/HOPTQng, could you please add the correct one <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> 

  Thanks!

  Best regards,
  Sandra

   

  0
• 

  Soleven Renou

  • July 01, 2020 00:43

  Hi thanks for your message.

  I had already added https for cclub.international

  And I just did add it now as well for cclub.live 

  But I see no improvement. 

  Do you have an incompatibility with this classic Javascript library ? 

  Thanks

  0
• 

  Sandra Prunici

  • July 01, 2020 09:08

  Hi,

  I asked our team for confirmation regarding the incompatibility with the classic Javascript library and they said that we don't find such incompatibility but the problem can be in the code or functions you add. It can overwrites our code and in such a way to cause these problems, even if the code isn't applied for the homepage or that part of the site. 
  
  

  Best regards,
  Sandra

  0
• 

  Soleven Renou

  • July 01, 2020 14:20

  I had already tested that and I tested it again to be sure.

  I have removed all my code and kept only this line : <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> 

  - For the page : https://www.cclub.international/

     The sliders don't work

  - And for the page : https://www.cclub.live/test-bug

     The icons disappear, the countdown stay at 0.

  (However, when editing the page, the icons are here. The countdown too.)

  And as soon as I remove the last line of code (then no code injection at all), everything work again.

  But only this line alone creates the issue, <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> 

  So there may be a clash with your codes and this Javascript library.

  Can you pls check with your dev team. 

  Thanks

  0
• 

  Soleven Renou

  • July 01, 2020 22:48

  As I said, I did test, with all my code REMOVED.

  And only this one line left...

  And stil have the same issues...

  0
• 

  Soleven Renou

  • July 01, 2020 22:55

  Here it is : I have isolated the 3 bugs: https://mang2659957.brizy.site/

  When e put this script in the injection code: <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> 

   

  - slider is not working

  - countdown is not working

  - icons are not there.

   

  Thanks

  0
• 

  Sandra Prunici

  • July 02, 2020 07:26

  Hi,

  I'm sorry but I couldn't reproduce the problem you mentioned. In this video, you will see that I added this script line and all (slider, icons, countdown) is working fine https://jmp.sh/DFdcjZX
  Could you check please check if you add some Custom CSS code for some elements? Or could you please create a new project, add here a slider and a countdown and in the Code Injection add this script line?

  Best regards,
  Sandra

  0
• 

  Soleven Renou

  • July 02, 2020 14:37

  I don't have CSS.

  Yes i had just created a project especially for this and done all that to isolate the issue. 

  The project is called "Test Bugs" in my account.

  https://mang2659957.brizy.site

  And it contains only this unique page and 1 line code. 

  0
• 

  Soleven Renou

  • July 02, 2020 23:01

  So it is done already.

  The bugs are isolated.

  Feel free to use this page and project "Test Bugs" that has been especially created for this. 

  0
• 

  Sandra Prunici

  • July 03, 2020 09:16

  Hi,

  We checked the site and found that you added the script in the Code Injection -> Footer, but should be added in the Code Injection -> Header. Now, we changed this and all is working fine. Could you check, please?

  regarding the countdown - we checked it too and we found that it is a bit strange added. Did you add it using text element? Could you please describe how did you add it? We added the "CountDown" element and all displayed fine. https://jmp.sh/ms1EYrW

  Thanks!

  Best regards,
  Sandra

  0
• 

  Soleven Renou

  • July 03, 2020 23:34

  Indeed I notice that by putting the script <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>  in the header, then the layer + the icons + the countdown, do all display correctly.

  However I typically prefer put the script in the footer to allow the page to load first and optimize speed.

  Why this difference? 

  Can I use defer to optimize the speed ? Or defer + async ? 

  Like this : <script defer async src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> 

  Thanks

   

  0
• 

  Sandra Prunici

  • July 06, 2020 07:59

  Hi,

  In Brizy builder we already have added this script, therefore it is optional for adding it, but if you want to add it, it is a script that should be placed in the head of the site.

  Best regards,
  Sandra

  0
• 

  Soleven Renou

  • July 07, 2020 22:05

  You mean you added it recently ? do you use this version :

  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> 

  I tried to remove my own line but then my code is not working if I remove it.

  I use Jquery for example in a function like this:

  $(function () {

  ...

  } 

   

  So if I remove this line (<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> )

  I get this error: 

  Uncaught ReferenceError: $ is not defined at 221

   

  So are you sure you have already added this script in Brizy Builder ? Or u will ? 

  Thanks

  0
• 

  Sandra Prunici

  • July 08, 2020 09:43

  Hi,

  I will concretise from our team the aspect I mentioned regarding this js library. At the moment, if the code isn't working without that script, I suggest let it and not delete it. 

  Best regards,
  Sandra

  0
• 

  Soleven Renou

  • July 21, 2020 00:17

  Thanks! Pls keep me updated. 

  Kind regards.

  0
• 

  Sandra Prunici

  • July 21, 2020 09:09

  Hi,

  Yes, I can confirm that in Brizy builder this library <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>  is already added. If you deleted it and you say that the code isn't working, in this case, could I ask you if the code is added inside the <script></script>?

  Thanks!

  Best regards,
  Sandra

  0
• 

  Sandra Prunici

  • April 05, 2021 14:42

  Hi,

  We would like to help you with this query but unfortunately, if it is about the external code generated by another service we can't help with many details. Brizy builder doesn't add or modify code added in the Embed code. I'm sorry for this inconvenience!

  Best regards,
  Sandra

  0
• 

  vantrinh duong

  • May 09, 2021 17:55
  • Edited

  I encountered the same problem.

  <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>

  I added jquery to Code Injection (Header) --> Countdown and carousel slider aren't working

  https://jmp.sh/9rZKqmD

  0
• 

  Sandra Prunici

  • May 11, 2021 12:54

  Hi,

  In Brizy builder, we have added this library. Therefore, it isn't recommended to add it again because this will be redundant information and could create some inconveniences. Could I ask you, why do you need to add this script? 

  Best regards,
  Sandra

  0
• 

  vantrinh duong

  • May 11, 2021 19:16
  • Edited

  I want to insert some javascript using jquery for my project.

  I discovered they won't work to if without inserting a jquery library

  0
• 

  Sandra Prunici

  • May 12, 2021 12:11

  Hi,

  I will start another discussion with our developers to identify more details about this aspect. When we will receive more details about it, we will inform you too.

  Thanks!

  Best regards,
  Sandra

  0

Please sign in to leave a comment.