How do I change the style of my review stars on my product page like on my home page

Topic summary

Issue: The store owner wants the review star style shown on the home page to match the product page.

Context: They shared their URL and screenshots to illustrate the mismatch. The home page stars are rendered by the theme, while the product page stars come from a review app.

Guidance provided: To unify styles, disable the theme’s star ratings and insert the review app’s star-rating code into the product template (product.liquid). This ensures the same component renders across pages and avoids conflicts/duplicates.

Follow-up: The owner asked where to find the code, then reported they fixed the issue themselves.

Outcome: Resolved by the original poster. Exact implementation steps were not documented in the thread.

Notes for others: Confirm which system (theme vs. app) renders stars on each page. If needed, add the app’s star snippet to product.liquid (product template) and disable the theme’s built-in stars to keep styling consistent.

Summarized with AI on December 25. AI used: gpt-5.

https://colognesamples.nl