{"componentChunkName":"component---src-templates-blog-post-js","path":"/how-to-do-language-customizations-if-using-js-implementation/","result":{"data":{"site":{"siteMetadata":{"title":"Vuukle Docs","author":"Vuukle"}},"markdownRemark":{"id":"dcf74355-b7e9-5dc1-9125-375ba725e318","html":"<p>You can customize any element using JS implementation.</p>\n<h2>How to do language customizations if using JS implementation</h2>\n<p>In our widgets you can change different texts to custom. Just replace value to needed and save changes:</p>\n<p>To add Custom text please add the code below to Vuukle config:</p>\n<ol>\n<li>Comments custom text</li>\n</ol>\n<div class=\"gatsby-highlight\" data-language=\"html\"><pre class=\"language-html\"><code class=\"language-html\">comments: { customText: { common: { name: 'Name', email: 'Email', writeComment: 'Write a comment', blankName: 'Name cannot be blank', blankEmail:\n'Email cannot be blank', blankComment: 'Comment cannot be blank', invalidEmail: 'Invalid email, please try again.', invalidName: 'The name should not\ncontain numbers, URL, special characters or offensive words', reply: 'Reply', // used for action in comment/reply 'Reply [1]' replies: 'Replies',\nreport: 'Report Comment', or: 'or', // used in sign in [SOCIAL] or [NAME, EMAIL] to: 'to', // not needed // used in reply item - [reply icon] to Ross\nrecommend: 'Recommend', // used for recommend item in header of widget recommended: 'Recommended', // used for recommend item in header of widget -\nwhen user recommended article readMore: 'Read more', // comment / reply text truncate to show more showLess: 'show less', // comment / reply text\ntruncate to show less points: 'points', point: 'point', // added }, profile: { myProfile: 'My Profile', myComments: 'My Comments', signOut: 'Sign\nout', removeComment: 'Remove comment', }, toxicity: { long: 'likely to be perceived as \"toxic\"', // toxicity message for big screens: [percentage] +\n[long] -> 90% likely to be perceived as \"toxic\" messageTooLong: 'Characters limit exceeded. Please try to make your comment shorter or remove some\nsymbols.', // this might be displayed if user added long text with not common symbols which might be calculated as few symbols in length }, messages:\n{ charlimits: 'The moderator has set a character limit up to', alreadyReported: 'You have already reported this comment to moderator.',\ncommentsClosed: 'Comments are now closed.', alreadySubmitted: 'Your comment has been already submitted for this article.', almostSame: 'Your previous\ncomment was almost same. Comments should be different.', // Previous comment and new one are not passing difference of 25% flaggedMessage: 'Thanks,\nthe moderator will be notified', errorSubmitting: 'There was an error while saving your comment, please refresh the page and try again', invalidLogin:\n'Invalid login, please login again', spammerComment: 'Your comment is under moderation', moderationMessage: 'Your comment is under moderation and will\nbe approved by the site moderator. Thank you for your patience.', spamComment: 'Seems like you want to post a spam comment. If you still want to send\nit just click on \"POST\" button again.', // ADDED ownCommentVote: 'You cannot add vote to your own comment', // When user want to vote on his/her own\ncomment commentAdded: 'Comment is successfully posted', // Comment has been added successfuly noComments: 'Be the first to comment', // Used to show\n'Be the first to comment' instead comments if there is no comments noCommentsInSorting: 'No comments here', // Used in sorting category ( not latest )\nto tell user that there is no comments flagQuestion: 'Do you want to report this comment?', // Used in confirm window after click on flag icon\ntoxicityLimit: 'You cannot post comments with toxicity value more than %d', // %d - is number position. i.e. if limit is 70% message willbe: You\ncannot post comments with toxicity value more than 70% }, timeAgo: { suffixAgo: 'ago', suffixFromNow: 'from now', seconds: 'less than a minute',\nminute: 'about a minute', minutes: '%d minutes', //%d is replaced with the date value hour: 'an hour', hours: '%d hours', day: 'a day', days: '%d\ndays', month: 'a month', months: '%d months', year: 'year', years: '%d years', }, shareIcons: { google: 'Share using Google Plus', facebook: 'Share\nusing Facebook', twitter: 'Share using Twitter', linkedin: 'Share using Linkedin', }, login: { google: 'Login using Google', facebook: 'Login using\nFacebook', }, commentText: { when1: 'comment', whenX: 'comments', }, sorting: { sortBy: 'Sort by:', latest: 'Latest', mostLiked: 'Best', editorsPick:\n\"Editor's Pick\", mostReplied: 'Most Replied', oldest: 'Oldest', more: 'More', // dropdown for filters: mostReplied, mostDisliked, oldest }, buttons: {\nloadMore: 'Load more comments', post: 'Post', showMoreArticles: 'Show more articles', like: 'Like', liked: 'Liked', addComment: 'Add Comment', },\nrecommendedStories: 'Talk of the town', }, };</code></pre></div>\n<ol start=\"2\">\n<li>PowerBar custom text</li>\n</ol>\n<div class=\"gatsby-highlight\" data-language=\"html\"><pre class=\"language-html\"><code class=\"language-html\">powerbar: { CustomText = { shares: \"Shares\", //This parameter used to set name of the 'Shares' item (used with shares counter to display shares count)\nshare: \"Share\", //This parameter used to set name of the 'Share' item (used with shares counter to display shares count) recommend: \"Recommend\", ,\n//This parameter used to set name of the 'Recommend' tooltip text - action description }, };</code></pre></div>\n<ol start=\"3\">\n<li>Emote custom text</li>\n</ol>\n<div class=\"gatsby-highlight\" data-language=\"text\"><pre class=\"language-text\"><code class=\"language-text\">emotes: {\n\tcustomText = {\n\t\theader: &#39;What is your reaction?&#39;,\n\t\tthanks: &#39;Thank you for voting!&#39;,\n\t\tsuggestionsHeader: &#39;You might like:&#39;,\n\t\tprevious: &#39;Previous&#39;,\n\t\tnext: &#39;next&#39;,\n\t\tnoRecommendations: &#39;ðŸ˜¢ No recommendations. Try to select another emote&#39;,\n\t\tfeel: &#39;Feel&#39;, // Recommended Articles /* 45% Feel Happy */\n\t\tvotes: &#39;votes&#39;,\n\t\tvote: &#39;vote&#39;,\n\t},\n};</code></pre></div>","frontmatter":{"title":"How to do language customizations if using JS implementation?","date":"May 01, 2017","category":"FAQ","tags":["how to do","language customizations","using JS implementation"],"shortDescription":"You can customize any element using JS implementation."}}},"pageContext":{"id":"dcf74355-b7e9-5dc1-9125-375ba725e318"}}}