Open Link in New Window from Summary Block

Building out a new site in 7.1, and I'm using a summary block to link some images to offsite pages.  There are other ways I could do this, but the summary block gives me the best look and functionality for this.  Only problem is, I don't have the ability to open the links in a new window, which I generally do with offsite links.  Most other areas in Squarespace give you a toggle to chose to "open link in a new window", but I don't see this option in the summary block.  There is a selection "Post Title should link to Source URL" but no option to open the link in a new window.

Am I missing something, or is there any easy way to add this with code somehow, or any plans to add this feature?

If you want to use code, you can use JS to add attribute: target="_blank" to link.

Can you share link to summary block?

Site is here https://jameslang.squarespace.com  (pass=langview) Its the section on the home page under "Recent Essays" The three illustrations and headlines all link to another site. Links are set in the Blog interface for each post by checking "Post Title Should Link to Source URL". Unlike other places, there is no choice to open that link in new window.  I know how to use target="_blank" if I'm writing it out in a code box, but this is just a toggle, and I don't think I can just add that on to the URL can I?  I'm only a hack coder, so maybe there is a way, but can't. understand why Squarespace does give you the new window option here, as they do most other places.

On 4/30/2020 at 8:26 PM, johnhalldesign said:

Site is here https://jameslang.squarespace.com  (pass=langview) Its the section on the home page under "Recent Essays" The three illustrations and headlines all link to another site. Links are set in the Blog interface for each post by checking "Post Title Should Link to Source URL". Unlike other places, there is no choice to open that link in new window.  I know how to use target="_blank" if I'm writing it out in a code box, but this is just a toggle, and I don't think I can just add that on to the URL can I?  I'm only a hack coder, so maybe there is a way, but can't. understand why Squarespace does give you the new window option here, as they do most other places.

Add to Home > Settings > Advanced > Code Injection > Footer

<script>
  document.querySelector('.sqs-block-summary-v2 .summary-thumbnail-container').setAttribute('target', '_blank');
</script>

So that works on the first image thumbnail, but not the others or the headline links.  Getting close though. Is there some adjustment that will hit the others?

11 minutes ago, johnhalldesign said:

So that works on the first image thumbnail, but not the others or the headline links.  Getting close though. Is there some adjustment that will hit the others?

Edit above code to

<script>
  document.querySelector('.sqs-block-summary-v2 a').setAttribute('target', '_blank');
</script>

Still seems the same

I actually went. back to your original selection and added "target="_blank right after the URL, and that did work.  I didn't think it would unless I was writing out the full code, but seems it did.  Thanks.

Sorry - I'm a little confused. How did you modify the code?

Currently I have:

<script>
  document.querySelector('.sqs-block-summary-v2 a').setAttribute('target', '_blank');
</script>

and only the first item in the gallery opens in a new tab.

On 4/6/2021 at 11:09 PM, SpaceRants said:

Sorry - I'm a little confused. How did you modify the code?

Currently I have:

<script>
  document.querySelector('.sqs-block-summary-v2 a').setAttribute('target', '_blank');
</script>

and only the first item in the gallery opens in a new tab.

try this

<script>
  document.querySelector('.summary-item a').setAttribute('target', '_blank');
</script>

https://www.seaforestation.com/seaweed-in-the-news

Hi  I am also looking for a custom code to allow me to open the links of the different summary blocks of this website in a new tab. Thank you!

13 hours ago, Estela said:

https://www.seaforestation.com/seaweed-in-the-news

Hi  I am also looking for a custom code to allow me to open the links of the different summary blocks of this website in a new tab. Thank you!

Have you tried above code yet?

Yes I did, but it doesnt work, I pasted the code on the page settings. Did I miss something?

So I added /"target="_blank after the url link and it does open a new page but not in the right way. I attached the page is opening now. For some reason this code added the / to the url what is making an 404 error. The url would be correct without the /

I fixed it! url and added "target="_blank it works perfect!!!!💃

so it does not work with youtube or video links. Any idea how to make it work?

So I found another solution to the youtube links if I use https://cutt.ly/ to shorten the url and then added "target="_blank it works 🙂

Hi @tuanphan! I'm looking for a similar solution and can't find the right selector. I tried .blog-item a but that's not quite it.

https://www.inqyr.org/research-hub

Any suggestions? Thank you so much in advance.

On 4/21/2020 at 10:31 PM, johnhalldesign said:

Building out a new site in 7.1, and I'm using a summary block to link some images to offsite pages.  There are other ways I could do this, but the summary block gives me the best look and functionality for this.  Only problem is, I don't have the ability to open the links in a new window, which I generally do with offsite links.  Most other areas in Squarespace give you a toggle to chose to "open link in a new window", but I don't see this option in the summary block.  There is a selection "Post Title  jackets should link to Source URL" but no option to open the link in a new window.

Am I missing something, or is there any easy way to add this with code somehow, or any plans to add this feature?

Do you try to add /"target="_blank  attributes as it works fine in HTML section and helps you to open it in new tab.

On 11/13/2021 at 6:38 AM, JennySquare said:

Hi @tuanphan! I'm looking for a similar solution and can't find the right selector. I tried .blog-item a but that's not quite it.

https://www.inqyr.org/research-hub

Any suggestions? Thank you so much in advance.

Try this code

<script>
  document.querySelector('h1.blog-title a').setAttribute('target', '_blank');
</script>

Thanks for your reply! @tuanphan The code didn't work unfortunately. 

I gave this another search and found tried this method using jQuery. I altered the code and used the following:

<script>
$(document).ready(function() {
   $('.blog-item a').click(function(event) {
       event.preventDefault(); // preventDefault first
       var link = $(this).attr('href');

       if(link != '#'){
           window.open(link);
       }
   });
});
</script>

Just for other folks using Universal Filter like I am for this example.

Is there a way to apply this code universally across a site so that all summary block posts open in a new tab?

On 1/14/2023 at 2:51 AM, valeayala said:

Is there a way to apply this code universally across a site so that all summary block posts open in a new tab?

Add to Code Injection > Footer

<script>
  document.querySelector('.sqs-block-summary-v2 a').setAttribute('target', '_blank');
</script>

Hi @tuanphan I am trying to accomplish this universally with summary block click through URLs in the Brine template for 7.0. I've followed the above suggestions without success, do you know if this code is particular to 7.1?

website: mwlit.com

password: (press spacebar)

pages: books < adults titles < childrens titles

On 3/29/2023 at 10:23 AM, nmbenson1 said:

Hi @tuanphan I am trying to accomplish this universally with summary block click through URLs in the Brine template for 7.0. I've followed the above suggestions without success, do you know if this code is particular to 7.1?

website: mwlit.com

password: (press spacebar)

pages: books < adults titles < childrens titles

Add to Settings > Advanced > Code Injection > Footer

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.3/jquery.min.js"></script>
<script>
$(document).ready(function() {
$('.summary-v2-block a').attr('target','_blank');
});
</script>