438 posts
  • Has been part of the Envato Community for over 2 years
  • Has sold $5,000+ on Envato Market
  • Has collected 50+ items on Envato Market
  • Located in Europe
+1 more
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

441 posts
  • Helped several times protecting Envato Market against copyright violations
  • Elite Author: Sold more than $75,000 on Envato Market
  • Has sold $125,000+ on Envato Market
  • Sells items exclusively on Envato Market
+7 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
  • Has been part of the Envato Community for over 2 years
  • Has sold $5,000+ on Envato Market
  • Has collected 50+ items on Envato Market
  • Located in Europe
+1 more
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?

638 posts
  • Has referred 50+ members
  • Has sold $40,000+ on Envato Market
  • Has been a beta tester for an Envato feature
  • Has collected 100+ items on Envato Market
+5 more
UBLThemes says

Within the documentation online, search for vc_map()

That is the shortcode mapping for the visual composer

438 posts
  • Has been part of the Envato Community for over 2 years
  • Has sold $5,000+ on Envato Market
  • Has collected 50+ items on Envato Market
  • Located in Europe
+1 more
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
  • Has been part of the Envato Community for over 2 years
  • Has sold $5,000+ on Envato Market
  • Has collected 50+ items on Envato Market
  • Located in Europe
+1 more
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
  • Has collected 1+ items on Envato Market
  • Sells items exclusively on Envato Market
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
  • Has been part of the Envato Community for over 2 years
  • Has sold $5,000+ on Envato Market
  • Has collected 50+ items on Envato Market
  • Located in Europe
+1 more
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
  • Has been part of the Envato Community for over 1 year
  • Has collected 1+ items on Envato Market
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!
2 posts
  • Has been part of the Envato Community for over 2 years
  • Has collected 1+ items on Envato Market
  • Sells items exclusively on Envato Market
  • Located in 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