Making summary block entry title open lightbox instead of going to gallery page

journeyrdu · May 11, 2022

Site URL: https://www.journeyrdu.com/sermons

By default, when using the summary block to show items from a gallery page, the title portion of the text links to the gallery entry while the thumbnail itself can be linked to open the entry in the lightbox if enabled in the settings for the summary block.

For now, I've managed to disable the link from the title to the gallery entry by adding this to my page header:

<style>
.summary-title > a { pointer-events: none; cursor: default;}
</style>

Is there a way to make the title text open the lightbox for the entry when clicked, just like clicking on the thumbnail does?

Site is using Squarespace 7.0. There's multiple summary blocks on the page; I'd like the change to affect all of them.

Edited May 11, 2022 by alebcay
Remove redundant site URL (forum autoinserted at top of post)

journeyrdu · May 13, 2022

Rolled up my sleeves and learned JQuery. For future reference, my solution was to remove the custom styling from page header code injection and add the following:

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
  var $jq = jQuery.noConflict(true);
  $jq( document ).ready(function() {
    $jq( ".summary-title-link" ).removeAttr("href");
    $jq( ".summary-title-link" ).css('cursor', 'pointer');
    $jq( ".sqs-video-overlay" ).css('cursor', 'pointer');
    $jq( ".summary-title-link" ).click(function() {
      $jq(this).parent().parent().parent().find( ".summary-thumbnail-container" ).trigger("click");
    });
  });
</script>

Making summary block entry title open lightbox instead of going to gallery page

Recommended Posts

journeyrdu

Link to comment

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

journeyrdu

Link to comment

Create an account or sign in to comment

News

Events

Circle Day

Resources

Squarespace Webinars

Hire a Designer

Support

Community

Developers

Resources