stars marked in yellow

How can I make the stars marked in yellow (5 stars) even if there are no reviews for the product?

Attachments:

You must be logged in to view attached files.

Hi mbsoftmb,

Thanks for reaching to us and appreciate your patience.

Please add the below Custom CSS code to Theme Settings > Custom CSS > Global Custom CSS:

div.star-rating:not([aria-label="Rated 5.00 out of 5"]) span{
	width: 100% !important;
}

div.star-rating:not([aria-label="Rated 5.00 out of 5"]) span:before{
    content: "\f148" "\f148" "\f148" "\f148" "\f148";
    position: absolute;
    top: 0;
    inset-inline-start: 0;
    text-indent: 0;
}

Regards,

how to make the stars appear yellow only for a product that has no reviews, and in other places the stars are displayed in accordance with the rating.

Attachments:

You must be logged in to view attached files.

Hi mbsoftmb,

Unfortunately, there is no such option by default. You need to find a third party plugin to achieve more functionality that best suits you.

Regards,

[Author]

Posts