Create a review, stars don't change once clicked.

I’ve noticed when someone is creating a review, when you click on the appropriate stars, they don’t change to any other color so you don’t see anything is selected.
http://dev.silverstateapparel.com/product/reno-short-sleeve/

Also, I’m wondering if there is short code (or another way) to put a size guide on a separate page?

Attachments:

You must be logged in to view attached files.

Hi,

Try to add the following code snippet to the Custom CSS area in Theme Settings to fix this issue

div.single-product-content .comment-form .stars span a:hover, 
div.single-product-content .comment-form .stars span a.active {
	color: gold;
}

Unfortunately, there is no a shortcode for our size guide button

div.single-product-content .comment-form .stars span a:hover, 
div.single-product-content .comment-form .stars span a.active {
	color: gold;
}

Regards

Thanks, that worked great.

Is it possible to have the star ratings on the shop page?

Hi,

Sorry, but there is no such option in our theme.

I found this page: https://themeforest.net/item/basel-responsive-ecommerce-theme/14906749/comments?utf8=%E2%9C%93&term=rating+shop&from_buyers_and_authors_only=0&order_by=relevance

I was able to add the code to the functions.php and then the custom css, and the stars are added if the filter by rating is clicked: http://dev.silverstateapparel.com/shop/?orderby=rating

Is there a way to have to stars show on the regular shop page and not just by the filter by rating?

This actually works on my shop page when not sorted. I wish you could have pointed me to this but it did work!

Added code to my functions.php file:
remove_action(‘woocommerce_after_shop_loop_item_title’,’woocommerce_template_loop_rating’,5);
add_action(‘woocommerce_shop_loop_item_title’,’woocommerce_template_loop_rating’,5);

Then added custom css:
.product.basel-hover-alt .star-rating {
display: block;
}

Works just how I had hoped!

I also added color to the stars instead of having them black by default:
.star-rating span:before {
color: #e87706 !important;
}

So I don’t know if that helped too, or just changed the color, but I’m happy it’s working!

Great, we are glad that you found a workaround. Contact us if you have any additional questions or concerns.

[Author]

Posts