Changing blog "Comments" to "Notes"

On my blog posts, can I change the word "Comments" to "Notes", and if so, how?

Thanks!

Rebecca

Hi,

Can you share link to a blog post? We can help easier

Sure: https://springboardmealplans.squarespace.com/recipes/this-is-a-sample-blog-post

I'd like to change the word "Comments" to "Notes" and change the wording on the button to say simply "Post".

Thanks!

Update: I have disabled comments until I can get this issue resolved.

On 1/24/2023 at 10:23 PM, Rebecca365 said:

Update: I have disabled comments until I can get this issue resolved.

Hi,

Can you enable it? We will test some simple code to change this

Done. Comments are enabled again. 

<https://springboardmealplans.squarespace.com/recipes/this-is-a-sample-blog-post>

rcb

On 1/26/2023 at 8:52 AM, Rebecca365 said:

Done. Comments are enabled again. 

<https://springboardmealplans.squarespace.com/recipes/this-is-a-sample-blog-post>

rcb

Add to Settings > Advanced > Code Injection > Footer

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
    $("h3.comment-count span").html(function() { 
          return $(this).html().replace("Comments", "Notes");  
    });
      $("span.comment-btn.sqs-system-button").html(function() { 
          return $(this).html().replace("Post Comment…", "Post");  
    });
});
</script>

I tried this, and it hasn't changed anything. I put in the site settings, since the "Post Blog Item Code Injection" does not include a "Footer" setting.

Question: if the code could be placed in the "Post Blog Item Code Injection", would I be able to change the name of "comments" on my general blog, and remove comments on blogs in a member area?

Thank you!

Rebecca

22 hours ago, Rebecca365 said:

I tried this, and it hasn't changed anything. I put in the site settings, since the "Post Blog Item Code Injection" does not include a "Footer" setting.

Question: if the code could be placed in the "Post Blog Item Code Injection", would I be able to change the name of "comments" on my general blog, and remove comments on blogs in a member area?

Thank you!

Rebecca

 

 

 

No. Do not add to Post Blog Item Code Injection

Add to 

Home > Settings > Advanced > Code Injection > You will see Header, Footer, Lock Page, Order Confirmation Page... boxes > But you need to add to Footer box

2 hours ago, tuanphan said:

Add to 

Home > Settings > Advanced > Code Injection > You will see Header, Footer, Lock Page, Order Confirmation Page... boxes > But you need to add to Footer box

I have done that, and I don't see a change.

<https://www.springboardmealplans.com/recipes/this-is-a-sample-blog-post>

Rebecca

On 1/28/2023 at 9:25 PM, Rebecca365 said:

 

I have done that, and I don't see a change.

<https://www.springboardmealplans.com/recipes/this-is-a-sample-blog-post>

 

Rebecca

Try this new code

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
   setTimeout(function(){
           $("h3.comment-count span").html(function() { 
          return $(this).html().replace("Comments", "Notes");  
    });
      $("span.comment-btn.sqs-system-button").html(function() { 
          return $(this).html().replace("Post Comment…", "Post");  
    });
         }, 5000);
});
</script>

This worked! But with a lag. If you check the link, it will render with the word "Comments" and then -- Boom! -- it changes itself to "Notes". What do you think?

<https://www.springboardmealplans.com/recipes/this-is-a-sample-blog-post>

Blog comments are lazily loaded. You need a MutationObserver, a way to watch for elements to appear on the DOM, to know when the comments show up on the DOM and then apply an effect.

I know of no MO based code that currently does this on SS.

8 hours ago, tuanphan said:

Yes. I set time to 5 seconds. You will see 5000 in the code. You can change it to 1000 or 2000

I will change it to 1000, I guess. Thank you!

If you don't necessarily want the comment count then this code should work in config/design/custom css

h3.comment-count span {
    visibility: hidden;
}
h3.comment-count span:before {
    visibility: visible;
    content: "Notes";
}

It works on my site, I changed comments (0) to Have a comment? 

That worked, too! Thank you so much!