Guest Posted January 7, 2021 Share Posted January 7, 2021 Site URL: https://finn1pt.squarespace.com Hello! I'm looking for a way to edit the navigation-link on my product pages. Instead of "Tre annonser > Om abonnementet" I would like it to say "Tilbake" and direct to another address . The product is found on: finn1pt.squarespace.com/treannonser/p/rlig-abonnement-1 (password: access). Is it possible to edit the in-built navigation links? Link to comment
tuanphan Posted January 8, 2021 Share Posted January 8, 2021 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
Guest Posted January 8, 2021 Share Posted January 8, 2021 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
tuanphan Posted January 10, 2021 Share Posted January 10, 2021 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 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
Guest Posted January 10, 2021 Share Posted January 10, 2021 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 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
Recommended Posts
Archived
This topic is now archived and is closed to further replies.