Jump to content

Recommended Posts

  • Replies 3
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

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: Squarespace Circle Leader since 2017. I value honesty, transparency, diversity and great design ‚ô•.
Work: Squarespace Developer and¬†founder of¬†SF Digital, building the features¬†Squarespace didn't include‚ĄĘ.¬†
Content: Links in my posts may refer to SF Digital products or may be affiliate links.

Catch up on all the release notes and announcements 2023 [for Circle members only]. There's a public version here too!
If I helped, you can thank me by clicking one of the emojis below. If you prefer, you can buy me a coffee.
Improve your online store with our extensions.

Link to comment

Create an account or sign in to comment

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

  • 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.