Jump to content

Layout page and workflow in 7.1

Recommended Posts

Posted

I'd like to have functionality in 7.1 that is similar to this:

There's a page with thumbnail images, similar to the Portfolio and Gallery method.

However, when someone clicks or taps on the thumbnail, I'd like it to go to a page that looks like a Lightbox, but with text on the left, image on the right and arrows that bring up the pages referenced by the previous and next images on the thumbnail page.

Example (this is NOT a SQSP site) but has the exact functionality I want (including the page elements):

The first page (with thumbnails) is this:

https://www.irastehmann.com/artists/31-robert-capa/series/

Click on any thumbnail (example, the 2nd one in the first row), and it brings you to this:

https://www.irastehmann.com/artists/31/series/other-works/213-robert-capa-french-fishermen-looking-at-fallen-soldiers-before-funeral-1944/

Notice the page has an arrow on the left, then text, then the image, then the arrow on the right.  The arrows bring you to the pages referenced by the thumbnail before and after the one clicked/tapped.

I would like this to look right on mobile and tablet of course.

Thanks for any insight on this!

Steve

  • Replies 2
  • Views 81
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted

Thank you for the reply Tuan.  Sorry I didn't reply sooner - I did not get a notification through the forum.

Portfolio would probably be it, but I suppose I could use Product too.  Whatever is easiest, because I'd want to have a link in the text on the left side to send an email.  One question is whether getting to the page can be to the page of the thumbnail selected. For example, if the user opens the page with the 3rd thumbnail, the lightbox opens with the image and text for that thumbnail.  Then the arrows can be used to go to previous or next images and text in the thumbnail sequience.

I suppose instead of lightbox, clicking on the thumbnail can bring the user to a page unique to that image.  But the problem there would be that the arrows would have to be hard-coded on each page to get the previous and next page for the previous and next thumbnail in the sequence.

Thanks!

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.