Jump to content

"Bookshelf" menu customization

Recommended Posts

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!

Link to comment
  • Replies 1
  • Views 809
  • Created
  • Last Reply
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 (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.