Change destination of "Continue shopping" button in cart

Change destination of "Continue shopping" button in cart

JesusGomicare
Tourist
22 0 3

Hey Guys, 

 

I'm trying to change the destination of the "continue shopping" button in the cart. How exactly do I do it?

 

Thanks

Replies 4 (4)

Hamza_takkar
Tourist
7 1 0

 

Here’s how you can change the destination of the "Continue Shopping" button in the cart on your Shopify store:

  1. Access Your Theme Code:

    • In your Shopify admin, go to Online Store > Themes.
    • Find the theme you're using and click Actions > Edit code.
  2. Find the Cart Template:

    • Look for the template file that handles the cart page. This file is usually named cart.liquid and can be found in the "Templates" or "Sections" folder.
  3. Locate the Continue Shopping Button Code:

    • Inside the cart.liquid file, search for the code related to the "Continue Shopping" button. It is often an anchor tag (<a>) with a class like btn-continue-shopping or something similar.
  4. Edit the Button's URL:

    • Change the href attribute of the anchor tag to the desired destination URL. For example:
      html
      Copy code
      <a href="/collections/all" class="btn-continue-shopping">Continue Shopping</a>
    • Replace "/collections/all" with the URL of the page you want users to go to when they click "Continue Shopping".
  5. Save Your Changes:

    • After making the change, click Save to update the file.

Here’s a quick example of what the change might look like in code:

Before:

 

html
Copy code
<a href="/" class="btn-continue-shopping">Continue Shopping</a>

 

 

After:

 

html
Copy code
<a href="/collections/all" class="btn-continue-shopping">Continue Shopping</a>
 

By following these steps, you can easily change the destination of the "Continue Shopping" button to any page you prefer on your Shopify store.

JesusGomicare
Tourist
22 0 3

Hi Hamza,

 

Inside Templates I have a file "cart.json" which doesnt have anything about the "continue shopping button" 

 

Inside Sections there's another cart-drawer.liquid, but it just has 

 

{%- render 'cart-drawer' -%}

 

 

Which leads me to Snippets --> cart-drawer.liquid. and found this

              <a href="{{ routes.all_products_collection_url }}" class="button">
                {{ 'general.continue_shopping' | t }}
              </a>

I then replaced it with this

 

              <a href="https://gomicare.es/pages/tienda" class="button">
                {{ 'general.continue_shopping' | t }}
              </a>

But nothing happens, the button still sends me to the same location. This makes me think that this is not where I need to change it.

 

So I am a bit lost with this

polo_msweb
Shopify Partner
18 1 4

Hi @JesusGomicare,

This is Polo from MS Web Designer. 

I would love to assist you with your query. Could you please provide your store URL and the theme name? 
It will help us to provide the correct solution.

If you have any doubt, please let me know.

Regards
Polo

If it’s helpful to you, please mark it as a solution.  


Need Help with Shopify Speed Optimization and Any Custom Shopify tasks
email: task4store@mswebdesigner.com
Download Free Shopify Speed Optimization Guide book for 2024 

JesusGomicare
Tourist
22 0 3

Hi Polo,

 

This is the URL "https://gomicare.es/cart" 

 

And it is the Dawn theme.

 

Thanks!