Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Summary Content to Open in New Window


thelieselotte

Question

Site URL: https://www.thelieselotte.com/home-2

Hello everyone, 

I am looking for a custom code that allows me to open images in a summary block to open in a new window/tab. I looked at every entry in this forum and asked Squarespace support, but none of the solutions worked. 

I have a summary block at the top of my homepage displaying different art prints of mine. It looks like a gallery block, but it is the summary wall. I like the masonry layout of this one and would like to keep it. The problem: My art prints are available in my Etsy store and every image links to the product page on Etsy. But it doesn't open in a new tab, which makes people leave my site. Not ideal.

 

Could someone help me out and let me know what code to use? 

Squarespace 7.0
Foster Template
https://www.thelieselotte.com/home-2 

Link to post
  • Answers 4
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Popular Posts

Add to Page Settings > Advanced > Header <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script> <script> $(document).ready(function() {

THANK YOU! That works! And it works with or without Ajax Loading.   

4 answers to this question

Recommended Posts

  • 0

Add to Page Settings > Advanced > Header

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script>
<script>
$(document).ready(function() {
	$('a.summary-thumbnail-container.sqs-gallery-image-container').attr('target','_blank');
});
</script>

Disable Ajax Loading if the code doesn't work. https://support.squarespace.com/hc/en-us/articles/115000253288-Ajax-loading

Link to post
  • 0
11 hours ago, tuanphan said:

Add to Page Settings > Advanced > Header


<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script>
<script>
$(document).ready(function() {
	$('a.summary-thumbnail-container.sqs-gallery-image-container').attr('target','_blank');
});
</script>

Disable Ajax Loading if the code doesn't work. https://support.squarespace.com/hc/en-us/articles/115000253288-Ajax-loading



THANK YOU! That works! And it works with or without Ajax Loading. 
 

Link to post
  • 0
On 8/4/2020 at 3:40 PM, tuanphan said:

Add to Page Settings > Advanced > Header


<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script>
<script>
$(document).ready(function() {
	$('a.summary-thumbnail-container.sqs-gallery-image-container').attr('target','_blank');
});
</script>

Disable Ajax Loading if the code doesn't work. https://support.squarespace.com/hc/en-us/articles/115000253288-Ajax-loading

@tuanphan Is there a similar solution for the Flatiron template: https://www.museandcompany.com/#/crunchy-roll-headquarters/ Opening a gallery image into a new window (last image in this gallery).

Target=blank does not work on these.

Link to post
  • 0
On 10/20/2020 at 3:25 AM, ekspohz said:

@tuanphan Is there a similar solution for the Flatiron template: https://www.museandcompany.com/#/crunchy-roll-headquarters/ Opening a gallery image into a new window (last image in this gallery).

Target=blank does not work on these.

Hi. Have you found the solution yet?

Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...