How do I add a link to my banner image?

I'd like to make my banner image in Adirondack a link to a different page on my site, but only on my homepage. Has anyone been able to do this?

asked May 31 '13 at 12:45 by jonfreed 4114

1

jQuery will do the trick:

$(".homepage .main-image-wrapper img").wrap("<a href='/page'></a>'");
(May 31 '13 at 13:27) krystynheide ♦ krystynheide's gravatar image

Krystynheide, this code did not seem to work for me =/ Any ideas?

I emailed Squarespace and they don't seem to show any concern for resolving this issue or creating a built in feature. Their best "solution" for me was to pay their design tech $200 an hour to write custom code for me.

(Aug 26 at 14:11) cnmester cnmester's gravatar image
2
1

The code didn't work for me...can you give me some more specific instructions for using this code?

answered Nov 09 at 18:19 by frankhoness 111

link

jQuery will do the trick (add this to the Page Header Code Injection):

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.0/jquery.min.js"></script>
<script>$(".homepage .main-image-wrapper img").wrap("<a href='/page'></a>'");</script>

I think that's it. It's been a while. Let me know if it works/doesn't work for you.

answered May 31 '13 at 13:50 by krystynheide ♦ 1.2k510

link
1

Worked like a charm!

(May 31 '13 at 14:00) jonfreed jonfreed's gravatar image

Is there a way to modify this script to enable click-through links from the front page slideshow on several templates?

Several templates have front page slideshow clickthroughs disabled, which is really annoying!

Ideally, I'd like somehow to link all the slides in the slideshow to the same URL (to make it easier).

Is there a way of doing this with JQuery - Tried modifying the script above so that it references the CSS related to the slideshow, but with no iuck.

(Sep 26 '13 at 11:03) szracer szracer's gravatar image
Your Answer
toggle preview

Follow This Question

Once you sign in you will be able to subscribe for any updates here

Markdown Basics

  • *italic* or __italic__
  • **bold** or __bold__
  • link:[text](http://url.com/ "title")
  • image?![alt text](/path/img.jpg "title")
  • numbered list: 1. Foo 2. Bar
  • to add a line break simply add two spaces to where you would like the new line to be.
  • basic HTML tags are also supported

Tags:

×108
×16
×4

Asked: May 31 '13 at 12:45

Seen: 3,430 times

Last updated: Nov 09 at 18:19

Established 2004 Handmade in NYC