Jump to content

Click and Load Below?

Recommended Posts

  • Replies 3
  • Views 1.1k
  • Created
  • Last Reply

Hi Lesley

As this is a Brine-family template, it has the Ajax-Loading feature, so there are a number of ways to achieve this.

  • As rwp suggests above, you could create¬†a single index page, with a section for the patient images and titles, followed by a section¬†for the details of each patient. These sections could then be¬†selectively hidden or shown in response to clicks on the top row of¬†patient images. This approach requires some code,¬†although it's very simple. The main¬†downside is the page load time. When the page loads, all sections (and all their content) will be loaded, even if the visitor doesn't want to view the hidden patient stories.¬†
  • A no-code solution is to create several pages, each containing the top row of patient images, but each containing a single patient's details below.¬†By hyperlinking the top row of images/titles to each of the¬†patient detail pages., the¬†content for the relevant section would then be loaded using Ajax. The downside is that if you ever want to change the top row, you'll¬†need to edit it on each one of the pages.¬†
  • The¬†solution that would be easiest for the¬†client to update in the future¬†is to add a blog collection and place each one of the patient's details in a post. The page could¬†be built with a Grid Summary Block (linked to the blog) to automatically show the top row of patient photos and titles. Below this, a code block would be used to pull the content from the¬†first post on initial loading. When a different patient image was clicked, the content from that blog post would then be pulled in to replace the previous content.

I hope this helps.


About me: I'm Paul. A SQSP User for 18 yrs, I've been a Circle Leader since 2017. I value honesty, transparency, diversity and good design ‚ô•.
Work: Founder of SF.DIGITAL, providing high quality original extensions to supercharge your Squarespace website. 
Content: Views and opinions are my own. Links in my posts may refer to my own SF.DIGITAL products or may be affiliate links.
Forum advice is free. You can thank me by clicking one of the feedback emojis below. Coffee fuels my work.

Book paid help with domains: Connect a GoDaddy domain. Connect a Squarespace Domain. Domain assistance. 

Link to comment


This topic is now archived and is closed to further replies.

  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.