Display Review Score for each page on the Category Page

Renu,

As far as I can tell from what you have described, you have a menu listing all of your categories, and then in each category you have a list of pages, each of which pertains to one product, and you want that product’s aggregate review displayed under the page title in this menu list.

So in order to do this, each product page will need a review form with a category slug unique to the product (Ex. [RICH_REVIEWS_FORM category=”product_13″]. This will accept reviews and categorize them for that product. Then in your menu list, you’ll simply want to call the rich snippet for that product’s reviews along with the title (Ex. [RICH_REVIEWS_SNIPPET category=”product_13″]). This however would likely involve the use of text widgets, or some other modification to the default functionality for menus in the theme that you are using.

I hope this helps at least a bit,
Thanks,

Charlie Maxwell
[NM_Developer]

Hi Charlie,

It worked by using the shortcodes you mentioned. Thanks.

I need one more help in the following:

In the Homepage sidebar, I want to show Recent reviews for upto 5 products. For Rich Reviews, there is a widget “Rich Review Show All”. It is showing all the reviews. Also it is not displaying product name but displaying only reviews. I would like to have Recent reviews with clickable product name of that review. How to do this?

Thanks,
Renu.

Renu,

So the Rich Reviews Show All widget does just that, it uses the shortcde [RICH_REVIEWS_SHOW num=”all”], so this will certainly show all of your reviews. However, in the WP widgets menu if you simply select an empty text widget, you can use the shortcode [RICH_REVIEWS_SHOW num=”5″] in the widget and set the option for “order by” in the Rich Reviews options menu to “Newest First” this will show your 5 most recent reviews. These will be, however, the most recent five from any category and hence you could end up with multiple reviews for the same product if that is how the reviews came in. Perhaps in the future I could include a category=”unique” parameter so as to generate a list of reviews with at most one review from each unique category.

Also, if in the options menu you check the option for “include post title”, then the review includes the name of the post or page from which the review came as a link atop the review. So as long as your review forms are all on pages that are named according to the product the page displays, then this post title will be your product name.

Hopefully this is what you were looking for,
Thanks,
Charlie Maxwell
[NM Developer]

Hi Charlie,

Thanks a lot! It worked exactly what we need. Your quick support is highly appreciated.

Best Regards,
Renu

Hi Charlie,

How to reduce the width of the “Review Form”? I have attached a screenshot for your reference. In that screenshot, you can see that in a page we have 3 columns and we placed review form in the 3rd column. But it is coming out of the page boundary.

So we want to reduce the width of that form(or table if it is). How can we do that?

Thanks
Renu

Renu,

So in order to do this you’ll simply want to drop a style sheet that will act on the classes in the form markup to make the font-size smaller as well as the width of the form. An example style sheet would be as follows.

<style>
.rr_review_form {
   width: 33%;
}
#submitReview, .rr_small_input, .rr_review_form {
   font-size:60% !important;
}
</style>

Obviously the exact values, you may want to tweak, however this will give you an idea of how this will work. This will either need to be dropped into every page on which you need a form to behave this way, or it would need to be added to your theme files, in which case it would be applied to all instances of a Rich Reviews Form. If you need a way to target specific forms, and don’t wish to manually add this inline style sheet to each page I can offer further suggestions with how to do that.

Thanks,
Charlie

Hi Charlie,

Thanks for your quick response.

I would like to have this form size change, to be applied for all pages and all instances of Rich Reviews Form.

I have included the code you suggested above in my theme Custom CSS block. However, the font size is getting reduced but the form size is not reducing. It remains same. Is there anything to be changed?

Regards,
Renu

Renu,

This likely means that your theme has some styles applied to forms somewhere else that are overriding the style that you have added. There are to options, firstly if you right click on the form and click “inspect element” you can access dev tools, by which you can locate the form element with class rr_review_form and on the right hand side you can scroll through the styles being applied to the form and find where the overriding width is coming from and try to resolve that. A more specific selector will override a less specific selector, also styles applied later in the loading process will override those applied earlier.

Further more, you have two other options. One you could simply add a !important tag to the form style, like so:

rr_review_form {
    width: 33% !important;
}

This is not considered a good practice, styles should be written to be applied correctly without arbitrary use of important tags, however, in this case with a very specific post production fix it wouldn’t be a detriment. Secondly, you could simply modify the rich-reviews.scss file to have the style you desire. You would add the width: 33%; between lines 330 and 331 here: https://puu.sh/hN7xN/44144e1248.png

Hopefully one of these options works out for you,
Thanks,
Charlie