Jump to content

How do you redirect the logo URL for the Five template?

Recommended Posts

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

Hi everyone!

How do you redirect the logo URL for the Five template?

I tried several solutions posted on the forums, but none of them seem to work specifically with the Five template. Below is an example of one I tried (replacing URLREDIRECTHERE with the appropriate redirect link).

The website in question is elliotoracle.com, if you wouldn't mind taking a look.

Thanks!

 

Quote
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>

<script>$(document).ready(function () {
          $(".logo-image [href]").attr("href", "URLREDIRECTHERE");
        });
</script>

 

Link to comment
  • Replies 6
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

10 hours ago, Hekate said:

How do you redirect the logo URL for the Five template?

I tried several solutions posted on the forums, but none of them seem to work specifically with the Five template.

As you're using the Five template add the following to the Code Injection Footer (instead of the code you quoted above):

<script>
  window.Squarespace.onInitialize(Y, function(){
    document.querySelector("#banner-wrapper a").href ="/xyz";
  });
</script>

where /xyz is the link you wish to use.

 

Improve your online store with our extensions.
About: Squarespace Circle Leader since 2017. I value honesty, transparency, appreciation and great design ♥.
Work: Squarespace Developer and founder of SF Digital, building the features Squarespace didn't include™.
Content: Links in my posts may refer to SF Digital products or may be affiliate links.

Buy me a coffee

Link to comment
On 10/5/2022 at 9:23 AM, paul2009 said:

As you're using the Five template add the following to the Code Injection Footer (instead of the code you quoted above):

<script>
  window.Squarespace.onInitialize(Y, function(){
    document.querySelector("#banner-wrapper a").href ="/xyz";
  });
</script>

where /xyz is the link you wish to use.

 

I appreciate your help; unfortunately, that didn't seem to work. It continues to send users to the default home page. Here is the code that I put into the Footer section as you suggested (and I'll attach a screenshot as well):

 

 

1603516072_Screenshot2022-10-06at11_28_34AM.png.fdfb1081f08d80382d787683904017b5.png

 

Quote

<script>
  window.Squarespace.onInitialize(Y, function(){
    document.querySelector("#banner-wrapper a").href ="https://tarotpalooza.com/2022/elliot/#ticketDiv";
  });
</script>

 

Link to comment
On 10/5/2022 at 5:09 AM, Ziggy said:

Can you share the exact code that you tried, and where you installed it? It looks like you have a non-standard setup which might explain why that code isn't working.

Thank you; the exact code is in the post right about this one. I appreciate you taking a look, too!

I am putting it into Settings > Advanced > Code Injection > Footer

Link to comment
2 hours ago, Hekate said:

I appreciate your help; unfortunately, that didn't seem to work.

Please check the code on your site. You have a "/" character before the https which shouldn't be there.

 

Improve your online store with our extensions.
About: Squarespace Circle Leader since 2017. I value honesty, transparency, appreciation and great design ♥.
Work: Squarespace Developer and founder of SF Digital, building the features Squarespace didn't include™.
Content: Links in my posts may refer to SF Digital products or may be affiliate links.

Buy me a coffee

Link to comment
17 hours ago, paul2009 said:

Please check the code on your site. You have a "/" character before the https which shouldn't be there.

 

Sorry. I tried it without that, and it stil didn’t work . I tried both ways to see if that’s what was causing the issue. 

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.