Jump to content

How do you add an Image map (clickable areas on an image) for a banner in the Bedford template 7.0?

Recommended Posts

Site URL: https://www.orangefrazer.com/

 

Would anyone know how add a mapped image (image with a clickable area) for a Banner in the Bedford template? I'm trying to make one part clickable. Is this even possible? It looks like everyone is using the embed code block but I can't do that with a banner. Please help!

I want to make the picture frame off the the left clickable but since it's a banner I'm not sure how to apply code.

I was going to use https://imagemapper.noc.io/#/  or https://zaneray.com/responsive-image-map/ to create the mapped image code but I don't have the link for it ready so I was going to create it after I made the page.

I'm hoping someone could help me figure this out how I would apply the code to the banner and if it's even possible. Thank you.

Link to comment
  • Replies 1
  • Views 353
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

13 hours ago, csouth3 said:

Site URL: https://www.orangefrazer.com/

 

Would anyone know how add a mapped image (image with a clickable area) for a Banner in the Bedford template? I'm trying to make one part clickable. Is this even possible? It looks like everyone is using the embed code block but I can't do that with a banner. Please help!

I want to make the picture frame off the the left clickable but since it's a banner I'm not sure how to apply code.

I was going to use https://imagemapper.noc.io/#/  or https://zaneray.com/responsive-image-map/ to create the mapped image code but I don't have the link for it ready so I was going to create it after I made the page.

I'm hoping someone could help me figure this out how I would apply the code to the banner and if it's even possible. Thank you.

I think we need to use code block to implement this issue. Using background image is hard to achieve your result

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

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • 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.