Product Reviews is generally used in the customer reviews section at the bottom of the product page.
Instructions: This section includes steps on how to add your Product Reviews widget to your website.
For Theme 2.0:
1- Open your Shopify theme editor.
2- Then open your default product page. If you are using different product page templates, follow the same steps for them.
3- Click the Add Block button from the left menu and then select Superdesk Product Reviews. You may want to reposition the widget you added later by dragging and dropping. However, it is generally recommended that it be under the product title.
For Vintage themes:
1- First, activate the Superdesk app embed from the App Embeds menu.
2- Then open the theme code editor and go to the Snippets directory on the left. Select Add a new snippet from the Add a new snippet button. In the File name section that opens, enter the file name as “superdesk-product-reviews-widget” and click the Done button.
3- Paste the following code into this file and save the changes:
<superdesk-product-reviews-snippet
data-product-id="{{ product.id }}"
class="superdesk-product-reviews-widget"
tabindex="-1"
>{{ shop.metafields.superdesk.inline_content.value }}
</superdesk-product-reviews-snippet>
4- Then place the following code where you want to use the widget.
{% render 'superdesk-product-reviews-widget', product: product %}
Layout: Make basic customizations on your Product Reviews widget.
- Product reviews layout: Select the template to be used for the Product Reviews widget. It can be Grid or List.
- Summary section position: Select the position of the Product Reviews summary section. It can be top or left type.
- Media gallery in summary section: If Enable, it activates the media gallery.
- Space above: Set the top space.
- Space below: Set the bottom space.
Style: You can customize the following styles for Product Reviews here.
- Override global star color: If Enabled, it changes the full and empty star colors defined in the general settings.
- Star Full Color: Sets the full star color.
- Star Empty Color: Sets the empty star color.
- Show Star Border: Activates the star borders.
- Show Border Color: Sets the color when the star borders are active.
- Primary text color: Sets the main text color.
- Secondary text color: Sets the secondary text color.
- Highlight color is taken from: Specify the style of the highlight color. It can be star color, button color, primary text color, or secondary text color.
- Button style: Select the style of buttons such as Write a Review or Load More.
- Button border color: Set the border colors of the buttons.
Content: Make adjustments to the content and mechanics of Product Reviews.
- Enable write a review button: If enabled, the Write a Review button will be visible.
- Display media of each review: Shows images or videos within reviews.
- Show review title: Shows review titles.
- Show reviewer country flag: Shows reviewers' country codes.
- Show reviewer location: Shows reviewers' location information.
- Show “Verified Buyer” badge: Shows Verified Buyer tags in reviews.
- Show “I recommend this product” badge: Shows I recommend tags in reviews.
- Show responses to custom questions: Shows custom questions in reviews.
Appearance When No Reviews:
Hide the widget when there are no reviews: If enabled, hides the widget if there are no comments. However, if disabled, shows the text Be the first to comment and the Write A Review button.
Note: After changing the settings, do not forget to click Save Changes from the top right.