π‘ This document provides guidance on customizing the Star Rating widget for Shopify OS 2.0 themes.
Key Summary
- Easily customize the Star Rating widget directly within your Shopify Theme editor.
- Control the widget's visibility, display format, and text color using intuitive settings.
- Adjust the visual style of the stars to match your store's aesthetic.
- Note that star icon colors are managed in the CREMA admin, while text colors are set in Shopify.
This guide provides detailed instructions on how to customize the Star Rating widget, which is an essential component displayed on your product pages within Shopify OS 2.0 themes. You can efficiently manage and tailor its appearance directly from your Shopify Theme editor to seamlessly integrate it with your store's design.
STEP 1. Accessing the Star Rating Widget Settings
From your Shopify Theme editor, navigate to and click on the Star Rating app-block. This action will open its specific customization settings in the sidebar.
STEP 2. Customizing the Star Rating Widget Options
Once you have accessed the Star Rating app-block settings, you can proceed to customize the following options to refine the widget's appearance and behavior:
| Hide if zero | Enable this option to hide the star rating widget completely when a product currently has no published reviews. |
| Format | Choose your preferred display format for how the star rating and the number of reviews are presented. |
| Text color | Adjust the color of both the rating text and the review count to match your theme. β IMPORTANT - This setting only changes the text color. To customize the star icon color, you must do this in your CREMA admin page (Review > Settings > General settings > Look & Feel > Advanced settings > 'Color of star rating icon' settings). |
| Star style | Customize the visual appearance of the stars to align with your store's design preferences. |
STEP 3. Saving Your Changes
After making all your desired customizations, click the Save button to apply your changes and update the Star Rating widget on your product pages.
Frequently Asked Questions (FAQ)
Why isn't the Star Rating widget visible on my product page?
π The widget might be hidden if the "Hide if zero" option is enabled and the product has no published reviews. Ensure this setting is configured as desired, or check if the product has at least one published review. Also, verify that the Star Rating app-block is correctly added to your Shopify theme through the Theme editor.
How can I change the color of the star icons themselves?
π The "Text color" setting in the Shopify Theme editor only affects the color of the rating text and review count. To customize the actual star icon color, you need to go to your CREMA admin page. Navigate to Review > Settings > General settings > Look & Feel > Advanced settings, and adjust the 'Color of star rating icon' setting there.