[lalaluyeParticipant]

Hi, I noticed that in the stack ICON the product review ratings are numerical. How do I change that to star ratings? And also when the user selects a rating, the color doesn’t change (hard to tell if it is selected or not). How can I change this?

Thanks a lot!

[Rue NelModerator]

Hello There,

Thanks for writing in! To change the numbers to star in the reviews, please try add the following css code in your child theme’s style.css (if you are using a child theme)

.woocommerce p.stars span a:before, 
.woocommerce-page p.stars span a:before {
    content: "\53";
    font-family: "star";
    opacity: 1;
    visibility: visible;
}

.woocommerce p.stars span a, 
.woocommerce-page p.stars span a{
    opacity: 1;
    visibility: hidden;
    max-width: 20px;
}

Hope this helps. Kindly let us know.

[lalaluyeParticipant]

Hello, thank you for that! However, I put that code under child theme’s style.css and it’s still not showing the stars. Still shows the number symbols.

[RupokMember]

Hi There,

Thanks for updating! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

[lalaluyeParticipant]

Nevermind I see the update now, thanks so much! But is there a way to make the user’s selection more clear? For example, if user chooses 3 stars, the other 2 stars will be white with outline?

[Paul RModerator]

Hi,

I need to see the current state, please provide us with your site URL.

Thanks

[lalaluyeParticipant]

This reply has been marked as private.

[RadModerator]

Hi there,

I tried it and not currently possible. The above code is just css with no connection to rating functionality. To make it more functional as you requires, then it more customization than css. It’s intended feature for ICON stack.

Thanks!

[Matt BParticipant]

I’m having the exact same issues. The way ICON’s reviews/ratings form is setup now it is basically useless from a user experience standpoint. There is NO indication that one of the tiny 12345 numbers has been selected and they are so small and close to each other, it would be too easy for my customers to press the wrong rating # or just give up and not leave a rating at all.

PLEASE – bring this issue up with your design team and change these numbers to stars that indicate what level a customer has selected so they’re confident in leaving a review for our products! Until then, I have to disable reviews because it causes more harm/confusion than good. In fact, it makes makes my site look unpolished. These and many other woocommerce form, button placement and basic ecommerce user experience details are very important to us and can make or break purchases from our sites.

Thank you in advance.

[RupokMember]

We certainly appreciate the feedback! This is something we can add to our list of feature requests. This way it can be taken into consideration for future development. All of these items are discussed with our team internally and prioritized based on the amount of interest a particular feature might receive. Thanks!

[Matt BParticipant]

Thank you. I look forward to seeing more done with user experience enhancement on the woocommerce template side, because in my opinion, everything else with x-theme is fairly polished down to the detail except for the UX for woocommerce pages. 🙂

Cheers,
Matt

[Nabeel AModerator]

Hey Matt,

Thank you for your kind words. Stay Tuned!

Cheers!

[eliezerbienerParticipant]

Hi there, i love your theme, although i’m not a wordpress pro at all, i’m getting along with all those documentation and info on the web.

I am having a problem, i was using the code above to replace the numbers to stars but all i get is 53 53 53 53 53

Please see the picture attached.

[DarshanaModerator]

@eliezerbiener

Could you please provide us with the URL to the page that you’re referring to? So that we can check the issue and assist you with a possible workaround.

Thanks!

[Author]

Posts