I'm trying to change the "continue shopping" link on "thank you" page but it doesn't work. I've included the following code to the additional scripts section on checkout page settings.
<script> (function() { document.getElementsByClassName("step__footer__continue-btn")[0].href = "https://example.com/newlink"; })(); </script>
Unfortunately, the node collections returned by the line below is always empty.
document.getElementsByClassName("step__footer__continue-btn")
The HTML part on the thank you page looks like this:
<a href="https://example.com/" data-trekkie-id="continue_shopping_button" class="step__footer__continue-btn btn"> <span class="btn__content">Continue shopping</span> <svg class="icon-svg icon-svg--size-18 btn__spinner icon-svg--spinner-button" aria-hidden="true" focusable="false"> <use xlink:href="#spinner-button" /> </svg> </a>
Does Shopify somehow prevent me to make this change in the background?
Did you found solution? Even I'm trying to look for how can the link be changed on Thank You page button (Continue Shopping from Homepage to the Collection)
Use this
document.addEventListener("DOMContentLoaded", function(){
document.getElementsByClassName("step__footer__continue-btn")[0].href = "your-url";
});
Thanks
This still works!
User | RANK |
---|---|
17 | |
17 | |
16 | |
14 | |
12 |