Display Product Star Ratings on Shop & Category Pages

I would like to display star ratings on the general shop pages, and category pages. I understand you can display them with different hover effects under Theme settings -> Shop. However I would like to display them with the “alternative” hover effect. Is there custom css I can use or will I need to edit my functions file?

Regards,

Taidgh

I was able to resolve my issue by adding

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);

to functions.php, in appearance -> editor.
And

.product.basel-hover-alt .star-rating {
    display: block;
}

to custom css.

Regards,

Taidgh

Ok. That is great. You are welcome! If you have any questions please feel free to contact us.

Best Regards

[Author]

Posts