Avenue on Mobile

Using Avenue, which I am happy with except for one thing. I am okay with the lightbox and mousing over the images to see the title and description on the desktop. But on mobile devices I'd really like the user to be able to pinch-zoom. I understand that this is not possible if I use the lightbox, but it occurred to me that a stacked view of the images would allow that (and coincidentally not require a tap on the mobile "dot" - which no one uses).

However, I'd like the desktop version to continue to use the lightbox (with mouse-over for titles) and have the stacked version on the mobile devices (eg. iPhone, iPad).

Question: if using an index in Avenue, can the images show up on desktop with the lightbox, but show up stacked on mobile devices?

This would solve a lot of issues for a lot of people, I think.

Appreciate the help!

Anyone on this?

If using a gallery page, the images are stacked both mobile and desktop. If the page is viewed ouside the index then it becomes a slideshow on desktop with mini thumbnails. Any pages with a slideshow, wall, or grid, gallerly block that are in an index are viewed the same both mobile and desktop. Wall or grid is seen first and if you select an image, it goes into a lightbox (if enabled) and becomes a slideshow. If the gallery block is set for stacked then there is no lightbox option, and the images are stacked both mobile and desktop. 

I too use avenue and have various types of galleries in my index .

my random views derrick Lee parker

Thanks for the reply!

Yes, I get that, but the Lightbox would be fine if pinch-Zoom worked on mobile. Would be great if there was code like “if mobile, show page as stack”. Also, I’m guessing that someone at Squarespace could figure out how to replace that little dot image on mobile with a circle with an “i” in the center so users would know to tap it to raise the title/description. 
 

Appreciate the help (and your site looks great).

I can get pinch-zoom to work with any page/image on my Android mobile. Seems to work better with landscape orientation than portrait however. 

I've got an iPhone - would your code work on that and where do you put it?

Thanks.

On 7/5/2020 at 12:04 AM, smdreyer said:

Using Avenue, which I am happy with except for one thing. I am okay with the lightbox and mousing over the images to see the title and description on the desktop. But on mobile devices I'd really like the user to be able to pinch-zoom. I understand that this is not possible if I use the lightbox, but it occurred to me that a stacked view of the images would allow that (and coincidentally not require a tap on the mobile "dot" - which no one uses).

However, I'd like the desktop version to continue to use the lightbox (with mouse-over for titles) and have the stacked version on the mobile devices (eg. iPhone, iPad).

Question: if using an index in Avenue, can the images show up on desktop with the lightbox, but show up stacked on mobile devices?

This would solve a lot of issues for a lot of people, I think.

Appreciate the help!

 

I just create a paid plugin for this request, it works on normal images and gallery section/block

Kindly check the screen recording on mobile phone and contact me if you are interested!

Screen_Recording_20201212-214122_Samsung Internet.mp4 - Google Drive