438 posts
  • 3 Years of Membership
  • Author Level 4
  • Collector Level 3
  • Exclusive Author
Pixelous
says

Hi guys!

Can someone help how to add my own Visual Composer shortcode pease?

I mean more advanced admin part.

Here is a Visual Composer tutorial how to add an existing shortcode http://kb.wpbakery.com/index.php?title=Visual_Composer_tutorial

The result is

But does anyone now how to make more advanced element such as tabs or accordion shortcode in the admin area? Please see the screenshot below:

Any thoughts guys?

Kind regards

516 posts
  • Super Copyright Ninja
  • Weekly Top Seller
  • Elite Author
  • Author Level 8
+8 more
Jaynesh
says

Go into js_composer/composer/shortcode_templates and take a look at the shortcode outputs.

You may also want to go into js_composer/config/map.php to see how they’ve been mapped.

There probably isn’t a step-by-step tutorial on how to do this, but that is the files you will need to take a look at.

438 posts
  • 3 Years of Membership
  • Author Level 4
  • Collector Level 3
  • Exclusive Author
Pixelous
says

@Jaynesh thanks for the answer!

Currently I don’t need an output but how they’ve been mapped. I’am looking in js_composer/config/map.php now as you have said but still no luck, for example I have copied accordion block code from js_composer/config/map.php to my functions.php but the admin element is still looks default:

Any chance you can look at?

689 posts
  • Affiliate Level 3
  • Author Level 6
  • Beta Tester
  • Collector Level 4
+5 more
UBLThemes
says

Within the documentation online, search for vc_map()

That is the shortcode mapping for the visual composer

438 posts
  • 3 Years of Membership
  • Author Level 4
  • Collector Level 3
  • Exclusive Author
Pixelous
says

Within the documentation online, search for vc_map() That is the shortcode mapping for the visual composer

Hi, already, but he admin element is still looks default:

In ideal an element should look like at the screenshot below:

I have copy the code for Accordion block from js_composer/config/map.php but the admin element is still looks default unfortunately. :(

438 posts
  • 3 Years of Membership
  • Author Level 4
  • Collector Level 3
  • Exclusive Author
Pixelous
says

Good news! I have created VC element with accordion functionality exactly the same like default VC accordion element but for testimonials!

If enyone need help feel free to contact me!

Now going to sort out how to output it in the front end.

Kind regards

2 posts
  • 1 Year of Membership
  • Collector Level 1
  • Exclusive Author
  • Germany
michaelkastiel
says

Hi
I try to change the output class of vc elements, for example: the class that “Messagebox” element is outputting is “wpb_alert wpb_content_element wpb_alert-info”
Is there any way to change this classes except from making a new one?
Thanks

438 posts
  • 3 Years of Membership
  • Author Level 4
  • Collector Level 3
  • Exclusive Author
Pixelous
says

Hi
I try to change the output class of vc elements, for example: the class that “Messagebox” element is outputting is “wpb_alert wpb_content_element wpb_alert-info”
Is there any way to change this classes except from making a new one?
Thanks

Hi, I beleive you can do that but I’am not quite sure what’s the reason for this?

2 posts
  • 2 Years of Membership
  • Collector Level 1
gad2103
says

Good news! I have created VC element with accordion functionality exactly the same like default VC accordion element but for testimonials!

If enyone need help feel free to contact me!

Now going to sort out how to output it in the front end.

Kind regards
hi there. i’m trying to do this so that i can replace the accordian with bootstrap elements. can you share your knowledge with me please? thanks!
5 posts
  • 3 Years of Membership
  • Collector Level 1
  • Exclusive Author
  • Mongolia
sodbileg
says


Good news! I have created VC element with accordion functionality exactly the same like default VC accordion element but for testimonials!

If enyone need help feel free to contact me!

Now going to sort out how to output it in the front end.

Kind regards
hi there. i’m trying to do this so that i can replace the accordian with bootstrap elements. can you share your knowledge with me please? thanks!
Hi, have you resolved your issue yet?
by
by
by
by
by
by