Where are the cornerstone Component IDs?

Hi there,

I’m trying to include a component as a buddyboss tab. Everyone seems to reference a component ID, however, in the other posts it doesn’t look like a post ID. More like [cs_component id=“LjlrLIwuSmPhm70vxK”] where do I find that?

Also I’m using a custom function to include the component, is there any way to do it other than the do_shortcode method?

Thanks in advance,
Kyle

Hey Kyle,

The location of the Component Shortcode was detailed here: https://theme.co/docs/component-builder-overview#component-shortcode

The only way to access the component outside the builder is using the shortcode so there’s no other method than the do_shortcode.

Hey Christian,

Thanks for this. I’ve created a product loop component to show products in a tab on buddyboss.

but the component doesn’t show.

Any ideas what im missing here?

Hey Kyle,

Regretfully, we can’t comment on your code as that is basically custom code. I’ve just tested the do_shortcode function with a component and it works. This goes to show that with the proper implementation, do_shortcode and a Component Shortcode will work.

image

image

If you need us to work with your code (investigate your code), please consider subscribing to our One Total Care service.

Thanks.

Ok I’ve checked the custom code and it is correct, so I’ve checked the shortcode in a raw element on a page to test the actual and nothing comes up. I’m exporting the element at the post level (as in the post with an ST Cards row from the template gallery), here are the export settings:

I’ve also tried at the row level and still that shortcode isn’t rendering even on a page. Sorry to bother you with all the questions, but i can’t see the documentation on the shortcodes.

Hello @kylehill,

The given User credentials have very limited privileges. We cannot check the page or your PHP code in the child theme. Please make it as an Administrator instead.

Best Regards.

ok Ive have done so, super admin, thank you in advance for the support.

Hey @kylehill,

Your page does not load in Cornerstone probably because of the redirect. I tried creating a page and it just redirects to the “onboarding” page. Please disable the redirection while we investigate the component you mentioned.

Thanks.

try now please i’ve disabled the feature for admins

Confused because I didn’t see any content inside the raw content element on that page. I added a sample shortcode to that page.

If you want to refer to the whole post id too, use [cs_gb id="POST_ID"] . There was no export on the component page sent to us, which is why I used the former. Let me know if this helps! If you’re looking for a list of components in a more debugging way, It’s under cs_component_cache in wp_options.

Hi Charlie,

Did you check the links I sent? The export was on the looper “post” level within the row of the component. I tried dropping the short code into a text element rather than raw.

I need to set the contents dynamically as this will be embedded on user profiles. Can that be done with the cs_gb short code.

Thanks again for your help with this

Any ideas guys?

The component shortcode ID doesn’t link to anything on the component page you sent us. “Post” element is not being exported either. Did you mean to send me to another component page? If you have a provider in a component it’ll work as you see in my cs_gb example on the sample page.

Hi Charlie, I noticed I was exporting the row rather than the post level. Now using the post level and experiencing the same issue.

I see what you’ve done with the [cs_gb id=“127146”] shortcde, I’ve gone ahead and added the shortcode in the above screenshot to the text field to give you an idea of what i mean.

The challenge is that I’d like to see the user id within the shortcode in order to show products from a particular user. Is that possible within the cs_gb shortcode?

My apologies for any misunderstandings, i really do appreciate your help with this matter,

I’m starting to think you didn’t press save. If you didn’t press save it won’t actually export the component. I don’t really think you need to use shortcode here either. See the untitled page I added a shortcode and a component of the “Post” element. Have a great day!

After all that maybe you’re right, seems like the component is now showing: https://humandesign.ai/people/ee584638e274b0360052c012fac77731570139f6/bookings/

To wrap this up, could you point me in the right direction of making sure the columns are the same as the preview in the component and perhaps an indication of how I dynamically set the user id parameter.

Thanks again, it really is appreciated.

Hey @kylehill,

You’re welcome!

To wrap this up, could you point me in the right direction of making sure the columns are the same as the preview in the component and perhaps an indication of how I dynamically set the user id parameter.

Hello @kylehill,

If your component is the Row element, you will have to make sure that you set the Size settings. It will have a different effect when enabling the “Global Container” like shown in the image below.

And if you disable the Global Container, the width and minimum width should be set to 100%:

Regarding the dynamic User ID parameter, it may or may not work depending on where you have inserted the component.

Best Regards.