Javascript / Events References

This guide describes how to make further modifications to the Main Widget using Javascript. This may require a listening event to ensure JS is properly run after the Widget has loaded.

---

In This Guide

• Adding The Listening Event Code

---

Adding The Listening Event Code

Add this JS function to listen for events fired by Stamped:

function addEventListenerStamped(el, eventName, handler) { 
   if (el.addEventListener) { el.addEventListener(eventName, handler); }
   else { el.attachEvent('on' + eventName, function () { handler.call(el); }); } 
}

// Listening for event
addEventListenerStamped(document, '##replaceWithEventName##', function(e) {
  console.log(e);
});

// Example
// Listening for reviews widget loaded event
addEventListenerStamped(document, 'stamped:reviews:loaded', function(e) {
  console.log(e);
});
Copy Code

Events

Event Name	Fired When
stamped:reviews:submitted	Review is submitted through the widget form
stamped:reviews:loaded	Reviews main widget loaded
stamped:questions:loaded	Q&A section loaded in main widget
stamped:ugcmodal:paged stamped:ugcmodal:open	Pop-up modal loaded/on page change
stamped:photo:uploaded	Photo/video uploaded on main widget submission form

JS Methods

Script	Function
StampedFn.reloadUGC();	Reloads all widgets on the page including Main Widgets and Display Widgets (example use case: change the data-product-id attribute value in the Main Widget, and call this method to reload the reviews)
StampedFn.loadBadges();	Reloads the star ratings widget with classname ".stamped-product-reviews-badge"
StampedFn.toggleForm('review')	Toggle the visibility of the review form
StampedFn.toggleForm('question')	Toggle the visibility of the question form