Skip to main content

All Reviews widget

Updated over a week ago

Available on the Awesome plan

Install the All Reviews page

Customize your All Reviews page

1. Show product images

To show product images together with the review images:

  • From your Judge.me admin, go to Widget > All Reviews Page > Customize.

  • Scroll down to the Theme section.

  • Under Responsiveness:

    • Enable "Display images on desktop devices" to show the product images on Desktop.

    • Enable "Display images on mobile and tablet devices" to show the product images on Mobile and Tablets.

  • Click Save.

2. Change the loading behavior on the page

To change how the reviews are loaded in the All Reviews page:

  • From your Judge.me admin, go to Widget > All Reviews Page > Customize.

  • Scroll down to Theme.

  • Under Loading behavior, choose either:

    • "Load new reviews automatically when scrolling down"

    • or "Load new reviews by clicking button"

  • You can also adjust the Load more button text to your preference (default to "Load More Reviews").

  • Click Save.

Just a heads-up! Unlike the Review Widget, the All Reviews Page is fixed to show 25 reviews at a time, regardless of whether it loads infinitely or using a Load More button, and this can't be changed at the moment.

3. Adjust the Store and Product reviews subtabs

To adjust the tabs on your All Reviews page:

  • From your Judge.me admin, go to Widget > All Reviews Page > Customize.

  • Scroll down to Store reviews.

  • Under Subtab order, you can choose to show either:

    • "Product reviews first"

    • "Store reviews first"

  • You can also change the tab title and the button text and click Save:

Option

Default text

Store reviews title

Shop Reviews

Product reviews title

Product Reviews

Write a store review button text

Write a Store Review

These settings will also apply to the Floating Reviews Tab.

4. Disable store medals on the reviews page

To disable the medals (transparency badge, authenticity badge,...) from your All Reviews page:

  • From your Judge.me admin, go to Widget > All Reviews Page > Customize.

  • Scroll down to Judge.me Medals and disable "Show store medals".

  • Click Save.

This will also remove the medals from the Floating Reviews Tab.

5. Customize the reviews page with CSS

To apply more custom styling to your All Reviews page:

  • From your Judge.me admin, go to Widget > All Reviews Page > Customize.

  • Scroll down to Advanced and open the Custom CSS (Advanced) editor.

  • Add in the CSS code.

  • Click Save.

To change the width of the All Reviews widget

.jdgm-all-reviews-widget {
width: 80%!important;
margin: 0 auto!important;
}

To add more columns to the All Reviews widget Cards theme

@media only screen and (min-width: 800px) { 
.jdgm-rev.jdgm-rev {
width: calc(20% - 15px) !important;
}
}

In general, divide 100% by the number of columns to get the right percentage. For example:

  • For 4 Columns: use 25%

  • For 5 Columns: use 20%

  • For 6 Columns: use 16%

  • For 7 Columns: use 15%

The pixel can go from 10 - 20px but you can leave it on 15 most of the time.

To change the color of the Store and Product reviews tab title in the All Reviews widget

.jdgm-subtab__name.jdgm--active {
color: white !important;
}
Did this answer your question?