Jump to content

Edit navigation link on product page

Recommended Posts

  • Replies 4
  • Views 908
  • Created
  • Last Reply

Add to Home > Settings > Advanced > Code Injection > Header

<style>
  .ProductItem-nav-breadcrumb>*:not(:first-child) {
    display: none;
}
</style>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script>
<script>
  $(document).ready(function() {  
		$("a.ProductItem-nav-breadcrumb-link").html(function() { 
          return $(this).html().replace("Tre annonser", "enter new text");  
    });
    $('a.ProductItem-nav-breadcrumb-link').attr('href','https://beaverhero.com');
	});
</script>

replace enter new text, beaverhero with new text/url

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
2 hours ago, tuanphan said:

Add to Home > Settings > Advanced > Code Injection > Header



<style>
  .ProductItem-nav-breadcrumb>*:not(:first-child) {
    display: none;
}
</style>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script>
<script>
  $(document).ready(function() {  
		$("a.ProductItem-nav-breadcrumb-link").html(function() { 
          return $(this).html().replace("Tre annonser", "enter new text");  
    });
    $('a.ProductItem-nav-breadcrumb-link').attr('href','https://beaverhero.com');
	});
</script>

replace enter new text, beaverhero with new text/url

Perfect! Thank you very much tuanphan. 

Link to comment
On 1/8/2021 at 6:37 PM, m_lundberg said:

Perfect! Thank you very much tuanphan. 

I see huge space on top/bottom of footer on tablet. Do you want to reduce it?

To preview your site on tablet, right click anywhere on your site > Choose: nspect Element > Choose iPad on top of browser

image.thumb.png.bbc896abf4f4660519f393957054993d.png

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
4 hours ago, tuanphan said:

I see huge space on top/bottom of footer on tablet. Do you want to reduce it?

To preview your site on tablet, right click anywhere on your site > Choose: nspect Element > Choose iPad on top of browser

image.thumb.png.bbc896abf4f4660519f393957054993d.png

Thanks for reminding me, it was Friday night and I kept on playing with the footer and couldn't make up my mind so I just left. I am fixing this now 🙂

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.