Star Rating not displaying

Hey Alphie,

2 things. First, you must enable them in your template. Assuming you are using the default template, go to:

1. Testimonials -> Templates.
2. Click edit (on the right) for the testimonial with an ID of 1. If you aren’t using the default template, click edit on the one you are.
3. Drag “5 Star Rating” from the unused column to the “Active Items” column.
4. Click “Save Template”.

Second, right now it will show 5 of 5 Stars, or 4 of 5 Stars. If you are familiar with filters, you can swap out the text with images using the hms_testimonials_system_rating filter. I am working on documentation to do this.

Hello,

In your themes functions.php you would add:

function hms_testimonials_system_rating($text) {
	//override the content here
}
add_filter('hms_testimonials_sc_name', 'hms_name_override');

Be aware that you need to know the PHP programming language.

To read more on WordPress filters checkout this page.

Jeff

That can all be done with CSS to include the responsive part.

To add a spacing between your testimonials add this to your themes style.css (go to Appearance -> Editor ). It will default you to the style.css file. Scroll all the way to the bottom and paste the following CSS.

.hms-testimonial-group .hms-testimonial-container:first-child {
margin-top:0px;
}
.hms-testimonial-group .hms-testimonial-container {
margin-top:15px;
}

This will add 15 pixels to the top of a testimonial container except for the first one in the group of testimonials.

Also, I see you are floating are floating the container to the right, presumably to get the image to show up on the left. Instead of that, go into Testimonials -> Templates and edit the template you are using (defaults to 1), and drag “Image (System)” above the “Testimonial” item in the left hand list. This will put the image first.

From what I could do with the Chrome Developer Tools, you don’t have to float the image.

Make sure you remove this bit that you added in previously.

.hms-testimonial-container {
float:right;
}

Whoops I forgot to update some text in that anyways.

function my_hms_testimonials_system_rating($text) {
	//override the content here
}
add_filter('hms_testimonials_system_rating', 'my_hms_testimonials_system_rating');

So $text will be “<span itemprop=”ratingValue” data-rating=”5″>5</span> out of 5″. In the //override the content here you can change the output.

So if you set it to:

function my_hms_testimonials_system_rating($text) {
	return '<span>10</span>;
}

It will always show up as 10.

a) Are you familiar with the PHP programming language?
b) What are you trying to do with that filter?

Ah gotcha.

I don’t have any documentation on doing that, it’s on my todo list. I might be able to come up with something later this weekend.

Paste the code at the end of this post into the bottom of your themes functions.php file. It code makes an assumption that your stars are named 1.png, 2.png, 3.png, 4.png and 5.png.

In the near future I might make this an easy setting. I have also added this code to the documentation page and will show up the next time an update is published.

You will need to change this line to set the path to your stars.

return '<img src="/path/to/my/star/images/' . $rating . '.png" alt="' . $rating . ' out of 5 stars" itemprop="ratingValue" />';

Code that goes in your themes functions.php file

function hms_rating_override($text) {

	/**
	 * Detect the current rating
	 */
	$matches = null;
	$getMatches = preg_match('/data-rating=\"(\d)\"/', $text, $matches);

	if ( count($matches) == 2 ) {
		$rating = $matches[1];

		return '<img src="/path/to/my/start/images/' . $rating . '.png" alt="' . $rating . ' out of 5 stars" itemprop="ratingValue" />';
	}

	return $text;
}
add_filter('hms_testimonials_system_rating', 'hms_rating_override');

Where is the last } coming from? I think that is your issue. Move the code to below that line.