49 posts
  • Exclusive Author
  • Trendsetter
  • 3 Years of Membership
  • Author Level 6
+2 more
wplab
says

Hello everybody! I’m looking an advice, if you have experience with new Visual Composer Frontend builder, please.

How to init my own carousel javascript in a shortcode at VC Frontend editor?

I use “wp_enqueue_scripts” to load my front-end JS, but it doesn’t work when i add a shortcode in VC front editor.

thank you so much

430 posts
  • 6 Years of Membership
  • Collector Level 4
  • Exclusive Author
  • United States
WPWiseOwl
says

Have you viewed the page source in the browser and checked to see whether the JS path is actually valid / resolves? Any errors in the console?

Regardless of whether you use “wp_enqueue_scripts” or no, if it’s a bad url then it’s not going to load. Where / in what file are you enqueuing? Are you using an hook to run the enqueue code? This is all not at all specific to VC but JS and WP.

Aside from that also have a look here for VC specifics when you’re sure of the rest – http://kb.wpbakery.com/index.php?title=Category:Visual_Composer

1368 posts
  • Weekly Top Seller
  • 5 Years of Membership
  • Author Level 6
  • Beta Tester
+5 more
Smartik
says

This is all not at all specific to VC but JS and WP.
I have not tried Visual Composer but I guess the problem here is in WP but in the plugin itself. Basically it should init/create the carousel javascript after it is added. If the js that call the carousel is in an external file then it probably is not going to be loaded again, it is loaded only once when the page is ready. This is something like jQuery ajax where you have to re-init the js when ajax is complete.
49 posts
  • Exclusive Author
  • Trendsetter
  • 3 Years of Membership
  • Author Level 6
+2 more
wplab
says

Thank you for reply.

There are no errors in JS console, also i read documentation and tried to get support from WPBakery, they promised write me an example, the right way to init JS, but promises remained promises for the past two weeks, it is sad :(

I will try to explain

I keep all the JS functions for front-end in a single file, it loads and works well, as the rest parts of the theme works fine, like widgets, that uses JS from that file.

I believe that i need to call some hook to init my carousel when shortcode is loaded, but i did not find any docs how to do that.

49 posts
  • Exclusive Author
  • Trendsetter
  • 3 Years of Membership
  • Author Level 6
+2 more
wplab
says

i’ve found a temporary solution, to call JS function in a shortcode template, but I’m not sure that this is a right way. what do you think? anyway thanks for your answers!

49 posts
  • Exclusive Author
  • Trendsetter
  • 3 Years of Membership
  • Author Level 6
+2 more
wplab
says

just got a reply from WPbakery, I had to do what I did, i need to call my init function from a shortcode template. In my opinion, it is not very correct, but it works.

by
by
by
by
by
by