Main Reviews Widget: Customization Attributes
Here are the standard main review widget codes and list of customizations possible through coding. For basic customizations of the main review widget, please refer to the following guide instead:
Main Reviews Widget: Customizations
Note: the value of the attributes may vary depending on the e-commerce platform you're using.
In This Guide
Customizable Attributes
<div id="stamped-main-widget"
data-widget-style="standard"
data-product-id="{{ product.id }}"
data-name="{{ product.title | escape }}"
data-url="{{ shop.url }}{{ product.url }}"
data-image-url="{{ product.featured_image | product_img_url: "large" |replace: '?', '%3F' | replace: '&','%26'}}"
data-description="{{ product.description | escape }}"
data-product-sku="{{product.handle}}"
data-widget-language="{{ language }}"></div>
| Attribute | Value | What it does | |
| data-take-reviews | 1 (numeric, max 20) | Limit the number of reviews to load per page | |
| data-take-questions | 1 (numeric, max 20) | Limit the number of questions to load per page | |
| data-animation | false (boolean) | Stops the scrolling to reviews widget on badge rating click | |
| data-offset | 150 (numeric) | Adjusts the position of the scrolling to the widget from click of the badge | |
| data-offset-mobile | 150 (numeric) | Adjusts the position of the scrolling to the widget from click of the badge on mobile screens | |
| data-widget-language | ISO 2 Letter Language Codes |
Translate the widget into different languages | |
| data-widget-type | standard, profile, minimal, two-columns, masonry, slider | Use a different layout from the selected layout in settings | |
| data-sort | most-recent, highest-rating, lowest-rating, most-votes, least-votes, with-photos, language (*requires business plan) |
Sort reviews using the selected value | |
| data-tags-exclude |
Review's tag (alphanumeric, separated by comma) |
Excludes reviews that are tagged with the selected tags | |
| data-tags-include |
Review's tag (alphanumeric, separated by comma) | Includes only reviews that are tagged with the selected tags |
|
| data-search | Text to search (alphanumeric) | Includes only reviews that contain the search string | |
| data-linkify | true | Enable hyperlinks on the review/Q&A content | |
Additional Modifications
Modifying the number of columns displayed for the Masonry style based on screen sizes
<script>
window.macyInstanceConfig = {
breakAt: {
1500: 4,
1200: 3,
700: 2,
500: 1
}
}
</script>