[Plugin: Rating-Widget] Custom Thumb Images & Report Button

1. There is a way to use custom images. You won’t find it in the GUI, and you need to modify the code. It should look something like that.
RW.init("youruniqueuserkey", {type: RW.TYPE.STAR, style:"custom", imgUrl: {ltr: "left.to.right.thumbs.png", rtl:"right.to.left.thumbs.png"}});

2. You can buy the Pro version that removes the report icon + it has many great extra features:
1. Back-end secure connection (secret-key tokens connection).
2. BuddyPress bbPress’s forum ratings support.
3. Advanced Reports/Analytics page (attached some screenshot).

If you are interested, you are more than welcome to contact me on [email protected]

The options were being pulled into RW.initClass() in rating-widget.php. Afer inserting the suggested code and loading my page the source code looks like:

RW.init({uid: “d56eb0d0ec981d238f3e4bc4e965b971”, vid: 1});
RW.initClass(“front-post”, {“size”:”large”,”advanced”:{“font”:{“type”:”calibri”,”size”:”18px”}},”type”:”nero”, “style”:”custom”, “imgUrl”:{“ltr”:”https://www.guesswhattylerdid.com/wp-content/plugins/rating-widget/thumbs.png”, “rtl”:”https://www.guesswhattylerdid.com/wp-content/plugins/rating-widget/thumbs.png”}});

All the options are working except for the custom image! There are blank images where the thumbs should be with everything else loading fine. I have tried putting the suggested code in RW.init() to no avail. I’m lost!

Please send me a link to a page where you’ve added this thumbs.

https://www.guesswhattylerdid.com/

Thanks

I believe that it’s a bug. I wanna apologize in advance, we won’t have time to fix it in the next 4 days, but I assure you that it was added to our BUGS LIST. I’ll contact you as soon as it will be ready. Sorry ??

No worries, now I can rest my bloodshot eyes! I am definitely interested in the pro version though, please email me the info when you get a chance. Happy debugging ??

Is there any chance that you can set this on some test page (so it won’t bother your readers/viewers), because the custom style works in our tests without any problem (we can’t recreate your issue).

Sure can, and could you send me the exact code your using to implement the custom images. I’m probably missing something small that’s blowing the whole thing up!

This what I’ve tested, tried to make it as close as possible to yours:
[Code moderated as per the Forum Rules. Please use the pastebin]

Just be to clear, your editing rating-widget.php correct?

It’s something that I’ve tested out of the WP plugin, but yes – you required to modify your rating-widget.php to make it work as you did ??

I implemented your example code into rating-widget.php which loads the rating-widget but with no images.
rating-widget.php:

[Code moderated as per the Forum Rules. Please use the pastebin]

I’m not sure if my theme (Thesis 1.8) is messing with the widget or not, either way I am one lost puppy.

Also, the top rated widget is displaying the number of ‘up’ votes oddly. Where can I edit the css for the classes that are used in rating-widget.php? Thanks for bearing with me.

Also, the top rated widget is displaying the number of ‘up’ votes oddly.

It’s a bug and it will be fixed on the next version. In the meantime, open rating-widget.php search for:
if (RW._Class.has(rating, "rw-ui-star"))

Replace:

[Code moderated as per the Forum Rules. Please use the pastebin]

Awesome, looks like that bit of code fixed the top rated display in firefox. In function widget($args, $instance) I added a line break to get it to display right in IE8.
replaced:

echo '<li>'.
                             '<a href="' . $permalink . '" title="' . $title . '">' . $short . '</a>'.
                             '<br />'.
                             '<div class="rw-ui-container rw-class-' . $rclass . ' rw-urid-' . $urid . '"></div>'.
                             '</li>';

with:

echo '<li>'.
                             '<a href="' . $permalink . '" title="' . $title . '">' . $short . '</a>'.
                             '<br />'.
                             '<div class="rw-ui-container rw-class-' . $rclass . ' rw-urid-' . $urid . '"></div>'.
                             '</li></br>';

I was also thinking that I might be editing the wrong part of rating-widget.php for the custom images. In function rw_attach_rating_js($pElement) I’m replacing:

' . $rw_settings[$rclass]["options"] . '

with:

{"size":"large","advanced":{"font":{"type":"calibri","size":"18px"}},"type":"nero", "style":"custom", "imgUrl":{"ltr":"https://www.guesswhattylerdid.com/wp-content/plugins/rating-widget/thumbs.png", "rtl":"https://www.guesswhattylerdid.com/wp-content/plugins/rating-widget/thumbs.png"}}