The effects of alcohol on sustanon 250 leucine for – real weight loss & bodybuilding benefits?
Custom Shape for Cu...
 
Share:
Notifications
Clear all

[Solved] Custom Shape for Custom Ratings

5 Posts
2 Users
1 Reactions
372 Views
Posts: 9
Topic starter
(@zo-zo-lee)
Active Member
Joined: 4 weeks ago

If I add a custom icon to my custom rating field, it makes no sense to display the result as stars anyway... (in this case, it should be a range from too small to too loose, so 3 is perfect, not 5)
 

stripes not stars

How can I change the shape for the results display so that it's bars instead of stars?

Topic Tags
4 Replies
Posts: 132
Support
(@jacob)
Estimable Member
Joined: 10 years ago

Hi @zo-zo-lee 


Check these links out, please.

https://wpdiscuz.com/docs/codex/filters/wpdiscuz_half_star_svg/
https://wpdiscuz.com/docs/codex/filters/wpdiscuz_full_star_svg/

Reply
Posts: 9
Topic starter
(@zo-zo-lee)
Active Member
Joined: 4 weeks ago

Thank you!
  However, the actual product rating should still be stars. Is there a way to change just one custom rating field.

Reply
Posts: 132
Support
(@jacob)
Estimable Member
Joined: 10 years ago

@zo-zo-lee

You can use the provided hooks and do something like this

add_filter('wpdiscuz_full_star_svg', function ($svg, $type, $icon) {
    if ($icon === 'fas fa-square') {
        $svg = '<svg width="100" height="100" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M10 10 H90 V90 H10 Z" fill="none" class="wpd-star"/></svg>';
    }

    return $svg;
}, 10, 3);

add_filter('wpdiscuz_half_star_svg', function ($svg, $type, $icon) {
    if ($icon === 'fas fa-square') {
        $svg = '<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M10 10 H90 V90 H10 Z" fill="none" class="wpd-star"/><path d="M10 10 H17 V90 H10 Z" fill="none" class="wpd-star wpd-active"/></svg>';
    }

    return $svg;
}, 10, 3);
Reply
Posts: 9
Topic starter
(@zo-zo-lee)
Active Member
Joined: 4 weeks ago

Ahh, now I get it. Thank you so much! 😊 

Reply
Share: