How to create a Team slider using UX Builder

The client needed to show the team in a slider, adding for each one a phone number and a Rating.

• I added each member as a Post and assigned the category as Team.
• I created a loop with UX Builder Posts, set the slider styling.
• I added the button info as a HTML tag using the Excerpt field. By Default, WordPress Excerpted adds the annoying dots […], so I removed them with the excerpt_more filter

function new_excerpt_more($more) {
global $post;
remove_filter('excerpt_more', 'new_excerpt_more');
return '';
}
add_filter('excerpt_more','new_excerpt_more', 11);

• I used Rate my Post plugin to rate the activity of each team member and set the rate for each post.
• I added the shortcode in the Post loop, using a hook

add_action ('flatsome_blog_post_after', 'add_consultant_rate' );
function add_consultant_rate() {
if (is_page ('sample-page')) {
echo do_shortcode( '[ratemypost-result]' );
}
}


Another info related to the team member can be added to the loop using the same hook flatsome_blog_post_after, or before the name using  another one flatsome_blog_post_before

Here’s how it looks like in the front-end: