Jump to content

Avenue on Mobile

Recommended Posts

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!

 

Link to comment
  • Replies 6
  • Views 975
  • Created
  • Last Reply

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

Link to comment

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

Link to comment
  • 5 months later...
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

pinchable3.gif

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

Link to comment

Archived

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.