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

Here’s my approach using Flatsome theme & UX Builder

  • I added each member as a Custom Post Type – Consultant
  • I changed the native UX Builder post loop (blog posts element), and used it as a shortcode – See how to change a shortcode in the article Custom Post Type Slider using UX Builder.
  •  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 (get_post_type() == 'consultant') {

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 what it looks like in the front-end:

Similar Posts