Multiple Shortcodes on a page

If I recall correctly, this limit relates to the reliance of ajax and having more than one at a time breaking everything, thus the limiting to one. I doubt we have any workaround at the moment for this either, sadly.

I’m assuming that turning off the ajax loading is not possible to support this? I did remove the global out of the plugin and saw how not having it breaks everything.

I’m certainly okay with page refreshes, even when selecting filter items. My tabbed interface page is really beautiful and makes for a great organization of Achievement types!

The main one that the ajax part applied to was [badgeos_list_achievements] if I recall right.

It’s really up to you whether you modify yourself or not, just know that you’ll need to re-apply them next time there’s an update from us.

Any screenshot of the tabs? ??

This is what I was attempting to do by using multiple shortcodes. It seems like a great way to organize achievement types to make them more understandable to the user, as opposed to having to navigate multiple pages in a navigation menu.

https://docs.google.com/file/d/0B3yvDvelI56Ad1ZCcnNQWWRzMDA/edit?usp=drivesdk

very nice and clean. ??

Which all shortcodes are you using with this?

Just variations on the main achievements list shortcode. The first tab has the full list, while remaining tabs use the shortcode with limitations to display only the relevant achievement type.

The tabs themselves are built using the tabs from the WP Canvas shortcodes plugin.

So I need to ask, at this point, is there any lingering issues that still need some help? Or are we squared away?

Well, I’ve got issues that I still need to work out, but nothing I’m hugely concerned with and I’m tracking those in another thread. We can close this one and consider it resolved.

Hi,
I am having the same problem to add more shortcode on the same page. I would like to implement the same solution as that proposed Prometheus Fire creating a tabbed interface, and only the first page of the shortcode is displayed.
I modified the code as mentioned here but still does not work

https://github.com/opencredit/badgeos/issues/122

I also asked on your support forum but I did not even answer, please help to solve this problem.
thanks

deadelfujiama will reply to your other thread shortly.

I would also like help with this issue.

I’m simply implementing a page where I can control the style and location of badges in our curriculum. My page looks basically like this:

You are here:
[badgeos_achievement id="50"]
||
[badgeos_achievement id="51"] || [badgeos_achievement id="52"]
||
[badgeos_achievements_list type="skill-seal" limit="6" show_filter="false" show_search="false" orderby="menu_order" order="ASC" wpms="false"]

I’m okay with killing AJAX loads on this page if you tell us how to do that, but this really should be possible out of the box in my opinion. Of course, that’s what my client’s often say to me. ??

Thanks for your help Michael.

aapollo, are all of them failing to load after the first one? or just the badgeos_achievements_list one at the end? That’s the only one we purposely limit to one at a time with.

The badgeos_achievements_list loads where the first shortcode is placed. The other shortcode shows nothing, and the list only shows once in that first location.

Alright, confirmed bug, but not one that’s difficult to get around either. I have already filed an issue for it on GitHub so that it is known to get fixed.

Basically, for both shortcodes, we have the html ID attribute of “badgeos-achievements-container” on them. This is all fine and dandy, at least when using one shortcode per page. However, once someone starts listing more at a time, those IDs start to clash (and honestly should be unique anyway), especially when it comes to [badgeos_achievements_list] which has ajax attached to it.

When [badgeos_achievements_list] is listed first, I wasn’t able to experience issues, because its own div container, and proper one, was found first by the javascript and replaced correctly, with the single achievements remaining below it. Once [badgeos_achievements_list] was NOT listed first, then the issues cropped up, because the ajax was finding a single achievement div first and thus replacing its html unintentionally.

So there’s two fixes that can be done at the moment.

First one is simply have the [badgeos_achievements_list] shown first.

Second one, and less foolproof, especially if we don’t do the same edit for the bug fix, is editing the output for the [badgeos_achievement] shortcode to not match the ID attribute. That spot is in /includes/shortcodes/badgeos_achievement.php around line 53.

Hope that helps clarify some stuff. If you want to follow along with the issue on GitHub, it’s at https://github.com/opencredit/badgeos/issues/420

Hi Micheal,

I’m wondering if there’s a way to accomplish this right now.

I looked up at badgeos_achievements_list.php file and changed return in line 117 to $badges instead of ”

if ( isset( $GLOBALS['badgeos_achievements_list'] ) )
		return $badges;

and then made new div ID for badgeos_achievements_list in CSS file but it still not work.

Was I missing something? Please help me