Jump to content

"Bookshelf" menu customization

Recommended Posts

Posted

I am developing a website for a public library, and would love any suggestions/ideas to format the navigation menu(s) to look like books on a shelf.

In addition (or instead), are there any ways of creating clickable sections within a single image?  I am interested in uploading a floorplan of the library that would allow people to click on various sections (e.g. where the "history" section lives in the physical building), which would then open a page with online resources or information related to that particular section of the library.

Thanks for any suggestions you may have!

  • Replies 1
  • Views 1k
  • Created
  • Last Reply
Posted
On 4/6/2021 at 4:13 AM, ChamStudios said:

I am developing a website for a public library, and would love any suggestions/ideas to format the navigation menu(s) to look like books on a shelf.

In addition (or instead), are there any ways of creating clickable sections within a single image?  I am interested in uploading a floorplan of the library that would allow people to click on various sections (e.g. where the "history" section lives in the physical building), which would then open a page with online resources or information related to that particular section of the library.

Thanks for any suggestions you may have!

You are looking for image hotspots, it may not available in default, and may require custom code injection to achieve this.

You can try this out Image Hotspots | H5P or take a look at the more advance plugin such as Image Map Pro - jQuery SVG Map Builder by nickys | CodeCanyon

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Pinch/Zoom images, videos - PDFs Lightbox - ...) </>  🗓️ Delivery Date Picker (Date picker form field)
Gallery block 7.1 workaround </> 🤖 Ask me anything

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.