I had the same issue, and the problem is that the Weebly Store individual item pages have incomplete micro-data elements wrapping the content. My solution was to add some Javascript in the site's global footer. This will look for the itemprops for aggregateRating and itemReviewed, then add the needed micro-data.
<script>
var reviewDiv = document.createElement("div");
var ratingDiv = document.createElement("div");
var reviewSpan1 = document.createElement("span");
var reviewSpan2 = document.createElement("span");
var ratingSpan3 = document.createElement("span");
var ratingSpan4 = document.createElement("span");
var ratingSpan5 = document.createElement("span");
var reviewMeta1 = document.createElement("meta");
var ratingMeta2 = document.createElement("meta");
var schemaReview = document.querySelector('[itemprop="itemReviewed"]');
function setAttributes(el, attrs) {
for(var key in attrs) {
el.setAttribute(key, attrs[key]);
}
}
setAttributes(reviewDiv, {"itemprop": "review","itemscope":"", "itemtype":"http://schema.org/Review", "class":"hidden"});
setAttributes(reviewSpan1, {"itemprop":"name"});
setAttributes(reviewSpan2, {"itemprop":"author"});
setAttributes(reviewMeta1, {"itemprop":"datePublished", "content":"2019-04-01"});
setAttributes(ratingDiv, {"itemprop":"reviewRating","itemscope":"", "itemtype":"http://schema.org/Rating", "class":"hidden"});
setAttributes(ratingMeta2, {"itemprop":"worstRating", "content": "5"});
setAttributes(ratingSpan3, {"itemprop":"ratingValue"});
setAttributes(ratingSpan4, {"itemprop":"bestRating"});
setAttributes(ratingSpan5, {"itemprop":"description"});
/*review div*/
reviewSpan1.innerText = "A needed Source: ";
reviewSpan2.innerText = "Facebook";
reviewMeta1.innerText = "April 1, 2019";
/* Rating div*/
ratingSpan3.innerText = "5/";
ratingSpan4.innerText = "5 stars: ";
ratingSpan5.innerText = "Well constructed, attractive selection";
reviewDiv.appendChild(reviewSpan1).appendChild(reviewSpan2).appendChild(reviewMeta1);
ratingDiv.appendChild(ratingSpan3).appendChild(ratingSpan4).appendChild(ratingSpan5);
schemaReview.appendChild(reviewDiv).appendChild(ratingDiv);
function addReviewMetaDataToStorePages() {
var storeSpan1 = document.createElement("span");
var storeSpan2 = document.createElement("span");
var schemaspan = document.querySelector('[itemprop="aggregateRating"]');
var hideschema = document.createAttribute("class");
hideschema.value= "hidden";
storeSpan1.setAttributeNode(hideschema);
storeSpan1.setAttribute("itemprop", "ratingValue");
storeSpan2.setAttribute("itemprop", "reviewCount");
storeSpan1.innerText = " Rated 5/5; ";
storeSpan2.innerText = "Customer Reviews: 4";
schemaspan.appendChild(storeSpan1).appendChild(storeSpan2);
}
addReviewMetaDataToStorePages();
</script>The hidden class is some CSS that I added to the main.less file to prevent the content from being visible on screen:
.hidden {
color:transparent;
}
