Simplify star rating code - php

Question

I'm currently working on a rating system for a website but I'm stuck with the conditional statements in RAIN Language. I have 2 questions:
Is there a way to make this piece of code more efficient?
Is it a problem to leave it like this or will it slow down the loading speed of a website?
<div class="product-rating">
{% if (product.score * 5) < '1.3' %}
<i class="fa fa-star"></i><i class="fa fa-star-o"></i><i class="fa fa-star-o"></i><i class="fa fa-star-o"></i><i class="fa fa-star-o"></i>
{% endif %}
{% if (product.score * 5) > '1.3' and (product.score * 5) < '1.7' %}
<i class="fa fa-star"></i><i class="fa fa-star-half-o"></i><i class="fa fa-star-o"></i><i class="fa fa-star-o"></i><i class="fa fa-star-o"></i>
{% endif %}
{% if (product.score * 5) > '1.7' and (product.score * 5) < '2.2' %}
<i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star-o"></i><i class="fa fa-star-o"></i><i class="fa fa-star-o"></i>
{% endif %}
{% if (product.score * 5) > '2.2' and (product.score * 5) < '2.7' %}
<i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star-half-o"></i><i class="fa fa-star-o"></i><i class="fa fa-star-o"></i>
{% endif %}
{% if (product.score * 5) > '2.7' and (product.score * 5) < '3.2' %}
<i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star-o"></i><i class="fa fa-star-o"></i>
{% endif %}
{% if (product.score * 5) > '3.2' and (product.score * 5) < '3.7' %}
<i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star-half-o"></i><i class="fa fa-star-o"></i>
{% endif %}
{% if (product.score * 5) > '3.7' and (product.score * 5) < '4.2' %}
<i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star-o"></i>
{% endif %}
{% if (product.score * 5) > '4.2' and (product.score * 5) < '4.7' %}
<i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star-half-o"></i>
{% endif %}
{% if (product.score * 5) > '4.7' %}
<i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i>
{% endif %}
</div>

Answer 1

It's better to implement a function to draw the score, something like this without templating :
function drawScore($score){
$solid = floor($score);
$empty = 4 - $solid;
$half = $score - $solid;
for($i = 1; $i <= $solid; $i++){
echo '<i class="fa fa-star"></i>';
}
if($half > 0){
echo '<i class="fa fa-star-half-o"></i>';
}
for($j = 0; $j < $empty; $j++){
echo '<i class="fa fa-star-o"></i>';
}
}
Then all you need inside <div class="product-rating"> is to call the function like:
$pScore = $product.score * 5;
drawScore($pScore);

Answer 2

Try this (not sure if there are syntax problems as I wrote it here..
The thing I change is that numbers are now not strings and I don't skip all numbers which you have set for ranges.
Using elseif confirms that the calculation is bigger than the previous IF. So there shouldn't be any problem.
+ This calculation score*5 can be made before the how IF statement as somebody purposed.
<div class="product-rating">
{% if (product.score * 5) < 1.3 %}
<i class="fa fa-star"></i><i class="fa fa-star-o"></i><i class="fa fa-star-o"></i><i class="fa fa-star-o"></i><i class="fa fa-star-o"></i>
{% elseif (product.score * 5) < 1.7 %}
<i class="fa fa-star"></i><i class="fa fa-star-half-o"></i><i class="fa fa-star-o"></i><i class="fa fa-star-o"></i><i class="fa fa-star-o"></i>
{% elseif (product.score * 5) < 2.2 %}
<i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star-o"></i><i class="fa fa-star-o"></i><i class="fa fa-star-o"></i>
{% elseif (product.score * 5) < 2.7 %}
<i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star-half-o"></i><i class="fa fa-star-o"></i><i class="fa fa-star-o"></i>
{% elseif (product.score * 5) < 3.2 %}
<i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star-o"></i><i class="fa fa-star-o"></i>
{% elseif (product.score * 5) < 3.7 %}
<i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star-half-o"></i><i class="fa fa-star-o"></i>
{% elseif (product.score * 5) < 4.2 %}
<i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star-o"></i>
{% elseif (product.score * 5) < 4.7 %}
<i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star-half-o"></i>
{% else %}
<i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i>
{% endif %}
</div>

Answer 3

Here is a method using a for loop.
<div class="product-rating">
{% if (product.score * 5) < 1.3 %}
<i class="fa fa-star"></i>
{% endif %}
# array = [1.3,2.2,3.2,4.2]
{% for item in array %}
{% if if (product.score * 5) > item %}
<i class="fa fa-star"></i>
{% elseif (product.score * 5) < (item + 0.5) %}
<i class="fa fa-star-half-o"></i>
{% endif %}
{% endfor %}
{% if (product.score * 5) > 4.7 %}
<i class="fa fa-star"></i>
{% endif %}
</div>