How to change direction of "Continue Shopping" Button on Check out - Vantage Theme 5.3.2

How to change direction of "Continue Shopping" Button on Check out - Vantage Theme 5.3.2

KC08
Visitor
3 0 0

I am using the Vantage Theme 5.3.2.

 

On checkout/cart - I want to add an alternative redirect on the "continue shopping" button e.g. I want to update the code so that the "continue shopping" button redirects the customer back to the section from where they last filled their cart (currently ''continue shopping'' sends customers back to the homepage).

 

Thank you.

Replies 3 (3)

heddykhalifa
Shopify Partner
46 5 16

Hi,

You can customize the "Continue Shopping" button in your Vantage theme to redirect customers back to the last collection or product page they were on. Here's how you can do it:

  1. In your Shopify admin, go to Online Store > Themes, then click Actions > Edit code.
  2. Look for the cart.liquid file, usually found under the Sections or Templates folder, and open it.
  3. Locate the code for the "Continue Shopping" button, which might look something like this:
    <a href="/" class="btn">Continue Shopping</a>
  4. Replace the href with the following code to dynamically redirect customers back to the last page they were on:
    <a href="javascript&colon;history.back()" class="btn">Continue Shopping</a>

    This code will use the browser’s history to send customers back to the previous page they visited, which is typically the last collection or product page.

    If you want to be more specific, such as redirecting back to a particular collection, you can manually set the URL like this:
    <a href="/collections/your-collection-name" class="btn">Continue Shopping</a>

    This should help create a smoother shopping experience for your customers!

    Hope that helps!

KC08
Visitor
3 0 0
Thank you very much - I will give this a go tomorrow 🙂
KC08
Visitor
3 0 0

Hi,  

 

Please could you review the following snip of code and confirm whether it is this code we need to update?

 

    <p><a href="/collections">{{ 'cart.general.continue' | t }}</a></p>

 

I have also included screenshot of what we can see  for reference.

 

Screenshot 2024-08-13 at 16.12.03.png

 

Best wishes,