Main Reviews Widget: Customization Attributes

  • Updated

Stamped offers the option to customize the main widget on a code level using various attributes. Follw this guide to learn more! 


Key notes

  • For basic customizations of the main reviews widget, please refer to our guide linked here
  • The value of the attributes contained in this guide may vary depending on the e-commerce platform you're using; please consult a developer if you're unsure how to proceed

In this guide


Customizable attributes

Standard main widget code: 

<div id="stamped-main-widget" 
data-widget-type="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 Action
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 the 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 for "Masonry" widget style

Use the following script to modify 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>

Related to

Was this article helpful?

0 out of 2 found this helpful

Have more questions? Submit a request