Skip to content

Instantly share code, notes, and snippets.

@mlipscombe
Created May 28, 2019 00:50
Show Gist options
  • Save mlipscombe/2e6d82258c584d4a1d6ba4265250afbc to your computer and use it in GitHub Desktop.
Save mlipscombe/2e6d82258c584d4a1d6ba4265250afbc to your computer and use it in GitHub Desktop.
Render Elementor-styled content in WP-GraphQL
add_action('graphql_register_types', function() {
$post_types = WPGraphQL::$allowed_post_types;
if (!empty($post_types) && is_array($post_types)) {
foreach($post_types as $post_type) {
$post_type_object = get_post_type_object($post_type);
register_graphql_field($post_type_object->graphql_single_name, 'styledContent', [
'type' => 'String',
'description' => __('The styled elementor content of the page', 'cottontailpress-headless'),
'resolve' => function($post) {
$content = '';
if (class_exists('\Elementor\Plugin')) {
error_log('class_exists');
$plugin = \Elementor\Plugin::instance();
$content = $plugin->frontend->get_builder_content($post->ID, true);
}
return $content;
}
]);
}
}
});
@tuxd
Copy link

tuxd commented Jan 28, 2025

Say I have a slider, I can get the css styles for elementor but how do I get the js? I want to be able to get any js files I need and add them to my nextjs frontend. I haven't been able to find an answer to this.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment