"Back to shop" hyperlink - can I change it?

Site URL: https://tonyangelimages.com

I've recently spent a good deal of time restructuring my website, as I had a product/landing page with no buying options meaning that customers had to navigate to a standalone shop page which could then result in heavy scrolling. I partially address this by adding product categories but then saw I could utilise the description field under each product to provide as "buy now" link that went straight to the product in the shop. I've now updated all the product descriptions and this has allowed my to unlink the shop page and simplify navigation around the site for visitors.

I now have one issue I'd like to address. At the moment, if a customer adds an item to their cart they will see a back arrow for when they're finished. However, that arrow takes them to the whole of the shop (not good) rather than taking them to the previous page (preferred). Is there a way to change that link so it behaves like a normal "back" link, and also to remove the "... to shop" text so that it just says "Back"?

I've attached a photo which will hopefully clarify what I mean.

Add this to Home > Settings > Advanced > Code Injection > Footer

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script>
<script>
$(document).ready(function() {
	$('div#productNav a').attr('href','https://beaverhero.com');
  $("div#productNav a").html(function() { 
          return $(this).html().replace("Back to Shop", "Back");  
    });
});
</script>

Replace with your new url

On 1/20/2021 at 2:21 PM, tuanphan said:

Add this to Home > Settings > Advanced > Code Injection > Footer

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script>
<script>
$(document).ready(function() {
	$('div#productNav a').attr('href','https://beaverhero.com');
  $("div#productNav a").html(function() { 
          return $(this).html().replace("Back to Shop", "Back");  
    });
});
</script>

Replace with your new url

Wonderful, thank you!!!

Hi @tuanphan you are the resident genius on this subject of changing 'back to x' hyperlinks so I'm wondering if you could help me... I used the above script that you gave Tony and changed it for our link text and URL; the link is going to the right place now but the displayed text in the link isn't changing - what am I doing wrong?

I want to change the blue "back to bailongo 2023 products" at the top to just "Back". This is what I put in the footer:

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script>
<script>
$(document).ready(function() {
    $('div#productNav a').attr('href','https://www.bailongomontreal.com/test-shop');
  $("div#productNav a").html(function() { 
          return $(this).html().replace("back to bailongo 2023 products", "Back");  
    });
});
</script>

Thank you in advance.

On 3/7/2023 at 6:47 AM, ProjetTango said:

Hi @tuanphan you are the resident genius on this subject of changing 'back to x' hyperlinks so I'm wondering if you could help me... I used the above script that you gave Tony and changed it for our link text and URL; the link is going to the right place now but the displayed text in the link isn't changing - what am I doing wrong?

I want to change the blue "back to bailongo 2023 products" at the top to just "Back". This is what I put in the footer:

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script>
<script>
$(document).ready(function() {
    $('div#productNav a').attr('href','https://www.bailongomontreal.com/test-shop');
  $("div#productNav a").html(function() { 
          return $(this).html().replace("back to bailongo 2023 products", "Back");  
    });
});
</script>

 

Thank you in advance.

Can you share link to a product? We can check easier