Need Help: Change "Continue Shopping" Button Destination on Cart Page (Theme Customization)

[lifesupply]

1. Store Context:

• Store URL:

  [lifesupplycauseway.myshopify.com/]

• Theme Name:

  [Life Supply Theme - I think it’s Dawn?]

• Goal:

  We are a charity and need assistance redirecting the Continue Shopping button from the cart page.

2. The Problem:

• Currently, when a customer is deep in the catalogue (e.g., browsing page 5 of a collection) and adds an item to the cart, clicking ‘Continue Shopping’ takes them back to the very first page of the catalogue or the homepage.

3. The Desired Outcome (Technical Request):

• We need the Continue Shopping button to link to the customer’s previous page, allowing them to resume browsing exactly where they left off.

• We believe this requires updating the code for the button to use a browser history variable or similar function (e.g., linking to the variable

  {{ [shop.url](http://shop.url) }}/collections/all?page-5

  or the function that captures

  [history.back](``http://history.back``)()).

Any help providing the necessary Liquid or JavaScript code and instructions on where to place it in the theme files (e.g., [cart-template.liquid](http://cart-template.liquid) or [cart-footer.liquid](``http://cart-footer.liquid``)) would be greatly appreciated. Thank you in advance!

[Adrian_Nathalia]

Well your site is not active is one thing i find disturbing

[lifesupply]

Thank you very much. I really have no experience in coding. I have searched the word ‘continue shopping’ to try and find the bit I need to replace. I can only see this - “continue_shopping”: “Continue shopping”,

“pagination”: {

“label”: “Pagination”,

“page”: “Page {{ number }}”,

“next”: “Next page”,

“previous”: “Previous page”

I copied it all and replaced it with the text you suggested, but it saidF
FileSaveError: Must be a valid JSON object.

Please can you dumb it down for me so I can change it?
I appreciate your help

[lifesupply]

Sorry typo! https://lifesupply.wearecauseway.org.uk/

[devcoders]

Hi @lifesupply

Try this code.

<button id="continue-shopping" class="cart__continue-btn button">
  Continue Shopping
</button>

<script>
document.addEventListener("DOMContentLoaded", function () {
  const btn = document.getElementById("continue-shopping");

  btn.addEventListener("click", function (e) {
    e.preventDefault();

    // If there is a previous page, go back
    if (document.referrer && document.referrer !== window.location.href) {
      window.history.back();
    } else {
      // fallback in case customer typed the URL manually
      window.location.href = "/collections/all";
    }
  });
});
</script>

[Adrian_Nathalia]

Are you still facing same issues

[lifesupply]

@devcoders

<button id="continue-shopping" class="cart__continue-btn button">
  Continue Shopping
</button>

<script>
document.addEventListener("DOMContentLoaded", function () {
  const btn = document.getElementById("continue-shopping");

  btn.addEventListener("click", function (e) {
    e.preventDefault();

    // If there is a previous page, go back
    if (document.referrer && document.referrer !== window.location.href) {
      window.history.back();
    } else {
      // fallback in case customer typed the URL manually
      window.location.href = "/collections/all";
    }
  });
});
</script>

Thank you. I have no experience with coding. When I paste this into the code it says this ‘FileSaveError: Must be a valid JSON object’ do I need to replace something with this?

At the moment I only see ‘ Continue shopping

Continue Shopping

’
but when I cut the code above you gave me , I get that error message. I have 0 experience so I appreciate your kindness and simplifying it.

[lifesupply]

Yes, I have no coding experience. I am hoping someone can show me step by step how to fix this for the charity. Thanks

[devcoders]

@lifesupply

Okay dear, please send me the collaborator code. I’ll check it and update everything for you.

Best regards,
Devcoder

[Adrian_Nathalia]

Simple Fix - Follow These Steps:
1: In your code editor, find where you see this:

Continue shopping
Continue Shopping
2: Right after that “Continue Shopping” section (but BEFORE any {% schema %} or tags), paste this code:

3: Click Save
Still getting the error?
Can you send me a screenshot of the file showing where you’re trying to paste the code? That way I can see exactly what’s happening and give you the perfect spot. I’m here to help until we get this working!

[lifesupply]

@devcoders

<button id="continue-shopping" class="cart__continue-btn button">
  Continue Shopping
</button>

<script>
document.addEventListener("DOMContentLoaded", function () {
  const btn = document.getElementById("continue-shopping");

  btn.addEventListener("click", function (e) {
    e.preventDefault();

    // If there is a previous page, go back
    if (document.referrer && document.referrer !== window.location.href) {
      window.history.back();
    } else {
      // fallback in case customer typed the URL manually
      window.location.href = "/collections/all";
    }
  });
});
</script>

Thanks Adrian. Here is a screenshot of what I can see as a problem.

[devcoders]

Hi @lifesupply

Find the existing Continue Shopping link

You will see something like:

<a href="/collections/all" class="cart__continue-btn button">
  Continue shopping
</a>

PASTE the full button + JS code directly in the same place:

<button id="continue-shopping" class="cart__continue-btn button">
  Continue Shopping
</button>

<script>
document.addEventListener("DOMContentLoaded", function () {
  const btn = document.getElementById("continue-shopping");

  btn.addEventListener("click", function (e) {
    e.preventDefault();

    // If there is a previous page, go back
    if (document.referrer && document.referrer !== window.location.href) {
      window.history.back();
    } else {
      // fallback in case customer typed the URL manually
      window.location.href = "/collections/all";
    }
  });
});
</script>