Move the Squarespace 7.1 blog comment box

Site URL: https://www.angeliquemartina.com/articles-archive/article-1

Hi, I'm trying to move the Squarespace comment box on blog pages. So that it will show up above the 'Other articles' summary block. It's now placed automatically right above the footer. Can anyone help? 

I see fine here. Did you solve?

I tried, by creating a code block with html (see below) 

But now I'm getting this. So I'm not sure I solved it.  

<section class="blog-item-comments">
        <div class="blog-item-comments-toggle-wrapper">
          <div id="blogItemCommentsContent" class="blog-item-comments-content" data-content-field="comments" style="z-index: 1; position: relative; cursor: pointer;">
            
            <div id="comments-5eeb4e234d4d4012b8f6c372" class="p-comment">
              
  <div class="squarespace-comments empty" id="comments-5eeb4e234d4d4012b8f6c372" data-item-id="5eeb4e234d4d4012b8f6c372" data-public-comment-count="0" data-comment-state="1"><div class="comments-content" style="opacity: 1;"><section id="comments">

<!--COMMENTS HEADER-->
<div class="header-controls">
  <div class="controls">

    <h3 class="comment-count">
      <span>Comments (0)</span>
    </h3>

    <div class="comment-controls">

      <span class="comment-sort">
        <span>Newest First</span>
        <select class="hidden-ordering">
          <option value="1">Oldest First</option>
          <option value="2" selected="selected">Newest First</option>
          
        </select>
      </span>

      
      <span class="subscribe subscribe-control">Subscribe via e-mail</span>
      

    </div>

  </div>
</div>

<!--NEW COMMENT TOP-->

<div class="new-comment-area top-level-comment-area edit-mode logged-in-commenting-unsupported">
<!--    <span class="squarespace-comment-login"></span>    <div class="new-comment-title">Add Comment</div>-->
  <div class="input">
    <form action="#" method="post" class="comment-form">
      <textarea class="comment-input" name="comment" data-defaulttext="Leave a comment here." data-edited="false"></textarea>                                  
    </form>
  </div>
  <div class="comment-btn-wrapper">
    
    <span class="btn-text preview-comment top-level-preview-btn">Preview</span>
    <!--toggle class on .new-comment-area to hide/show the appropriate button below
    <span class="btn-text edit-comment">Edit</span>-->
    
    
    
      
        <span class="comment-btn sqs-system-button sqs-editable-button-font sqs-editable-button-shape">Post Comment…</span>
      
    
  </div>
</div>

<!--COMMENT LIST-->
<div class="comment-list avatars-hidden" id="yui_3_17_2_1_1602596854699_661">
  
</div>

</section></div></div>

            </div>
            
          </div>
        </div>
      </section>

Can you remove your code? We will check easier.

Also do you use Personal Plan or higher?

Thank you so much for checking it out.  I removed the code. And I'm using a Business plan. 

On 10/14/2020 at 5:58 PM, lieslmaduro said:

Thank you so much for checking it out.  I removed the code. And I'm using a Business plan. 

Add to Blog Page Settings > Advanced > Header

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
$(document).ready(function() { 
		$('section.blog-item-comments').insertBefore('.sqs-block-summary-v2');
	});
</script>

--

If you need to create Related Posts, you can use this plugin.

Quote

The plugin will automatically add a summary block if it finds related posts based on categories and tags of the current post. All options of Summary Block will be available for customization. The current post will be hidden.

Thank you so much! Worked perfectly! 

Question about this same topic. I'm trying to add text and code block under the comment box. 
How to do it? The code above wasn't enough. 

I'm using also the business plan.

On 3/11/2022 at 6:59 PM, Terhi said:

Question about this same topic. I'm trying to add text and code block under the comment box. 
How to do it? The code above wasn't enough. 

I'm using also the business plan.

Just a simple text or? We can give code easier.