smdreyer Posted November 25 Posted November 25 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
tuanphan Posted Thursday at 04:01 AM Posted Thursday at 04:01 AM Which page you will use? Blog, Product, Portfolio...? We can do this but with custom code. With Arrow, I'm not sure it is possible or not, but if it possible, it is available with Blog, Portfolio, Event page only. Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)
smdreyer Posted Monday at 06:23 PM Author Posted Monday at 06:23 PM 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!
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment