TonyAngel Posted January 19, 2021 Share Posted January 19, 2021 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. Link to comment
tuanphan Posted January 20, 2021 Share Posted January 20, 2021 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 TonyAngel 1 Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
TonyAngel Posted January 22, 2021 Author Share Posted January 22, 2021 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!!! Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment