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)
How can I change the shape for the results display so that it's bars instead of stars?
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/
Thank you!
However, the actual product rating should still be stars. Is there a way to change just one custom rating field.
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);
Ahh, now I get it. Thank you so much! 😊
