How to change vote text in Community
RéponduHi lovely Zendesk community
I've made some changes to the appears of our voting buttons in our Community, as users were getting confused with the up and down arrows. I've also used the 'label' option to get the 'x out of y' bit, and added some script in to change the text from 'found this helpful' to 'liked this'
This works really well initially, but unfortunately when you vote on the post, the label refreshes for the new count and so reverts to the old wording. Is there a way that I can either change the text without using a script, or get a script to run again once the value has changed?
Thanks,
Ola
-
Hi Ola,
Adding this code in the theme editor Article page will do the trick:
<script>
$( document ).ready(function() {
change_text = function(){
str = $('.article-vote-label').html();
str = str.replace('found this helpful','liked it');
$('.article-vote-label').html(str);
};
change_text();
$('.article-vote-controls').on('click',function(){
var ivl_count=0;
ivl = setInterval(function(){
change_text();
console.log('x');
if (++ivl_count === 40) {window.clearInterval(ivl);}
},25)
});
});
</script>There is no fully browser-compatible event that can catch span text change.
Therefore, the solution I found is to use SetInterval function with very short interval (25ms) and long enough time to win the race of changing the text after zendesk modifies the label.
The text may flicker once after you hit the vote button, but most often it won't.
I hope that helps,
Tal
-
Hi Tal
Thank you so much! I made a couple of changes to account for using a community post instead of an article, but it has worked perfectly.
Ola
-
Hi Tal,
I hope it is ok to add to this post. On our Community Post page the arrows for voting do not render on the page. You can hover them and the function works though. I ran across this article and actually like the idea of Like and Dislike buttons better. Would you mind guiding me with a little more detail on how to make this change?Thanks!
-
We have added this for articles, but I cannot figure out how to make it work for community posts. Any help would be greatly appreciated
-
Hey Robert,
You'll want to take a look at our available helpers for the Help Center here: Help Center - Helpers. According to our documentation, you should be able to use vote helper in within the following:
- Article Page (within an article object)
- Article Page (within an article comment object)
- Post Page (within a post object)
- Post Page (within a post comment object)
I've also added your question to our Weekly Digest to see if anyone else can help point you in the right direction regarding the necessary code.
I hope this helps!
Cette publication n’accepte pas de commentaire.
5 Commentaires