Home > Shopify Development > Insert a Continue shopping link to your cart page

How to insert a Continue shopping link to your cart page in Shopify

Sam Updated: March 16, 2024

Drive 20-40% of your revenue with Avada

Get Started

It is common nowadays that you can see a Continue shopping button on every online store so what is the meaning of this button?

In fact, as a customer, you may want to get back to the product page, keep scrolling the feed and pick some other interesting products after already having added an item to your recent cart. To keep it easier and save your time, the Continue shopping button give your customers permission to quickly get back to the product feed, browse, and add some more items. There are many choices for you to decide the page that the users would be directed to, such as the catalog page, home page, or even the last collection page that they just left.

However, please keep reading our instructional writing on How to insert a Continue shopping link to your cart page to know more deeply about this topic.

How to insert a Continue shopping link to your cart page

Step 1:

Go to Online Store > Themes from the Shopify Admin panel.

Step 2:

Search for the theme that you want to adjust and then choose Actions > Edit code.

How to insert a sort by menu to collection page in shopify

Step 3:

Tap cart-template.liquid in the Sections directory. Under the consequence that your theme does not have this file, please click cart.liquid right in the Templates directory.

How to insert a sort by menu to collection page in shopify

Step 4:

Search for name="checkout" in the file to find the code for the Checkout button. The line of the code for the checkout button may vary theme to theme but generally, it will look like the code given below:

<button type="submit" id="checkout" name="checkout" class="btn">cart.general.checkout</button>

How to insert a sort by menu to collection page in shopify

Step 5:_ In this step, you need to create a Continue shopping** link by pasting a new line of code. Please note that the code that you need to paste will depend on which page you would like to direct your customers to:

**_Case 1: Link to your home page

Please paste the code given below on a new line either after or before the code for the Checkout button to insert a link which could go to the home page:

<a href="/" title="Continue shopping">Continue shopping</a>

Case 2: Link to your catalog page

Please paste the code given below on a new line either after or before the code for the Checkout button to insert a link which could go to the catalog page:

<a href="/collections/all" title="Continue shopping">Continue shopping</a>

Case 3: Link to the last collection viewed

Please paste the code given below on a new line either after or before the code for the Checkout button to insert a link which could go to the last collection viewed:

<a id="continue-shopping" href="" title="Continue shopping">Continue shopping</a>

Step 6:

Tap Save. In case you already inserted a link that goes to either the home page or your catalog page, then you completely finished. In case you already inserted a link that goes to the last collection viewed, then you have to add some JavaScript to the theme code. Let’s move on to the next steps.

Step 7:

Choose theme.liquid in the Layout directory.

Step 8:

Search for the closing </body> tag (it is near the bottom of the file). Let’s paste the code given below right above the closing </body> tag:

<script>  
  if(Storage !== undefined) {

    var defaultLink = "/collections/all";

    }
</script>

How to insert a sort by menu to collection page in shopify

Step 9:

Tap Save.

Conclusion

Thank you for reading! We hope that this instruction did help you know the way to add that necessary button to your page!

Catalog

How to modify the shipping calculator HTML How to add the gift-wrapping snippet in your cart template How to modify your theme.liquid file How to insert some JavaScript to your theme Delete the author's name in your theme Generate a currencies snippet Insert the search box on your Jekyll site using lunr.js How to hide sold out variants for nonsectioned themes Liquid Variables: assign, capture, increment, increment Liquid paginate: Split into multiple pages Update the product form to support dynamic checkout buttons Select which page to show when customers log in to your online store Modify the code for your payment icons Insert the security badge code to your theme Insert Disqus to your blog Insert breadcrumb navigation to your store Get consent for promotional emails during customer registration Generate your snippet generate the How did you hear about us form field Generate and include an age-check snippet Generate a back-to-the-top snippet Edit correct quantities on the cart page silently Apply a class to your templates Update item quantity fields in the cart Update the collection-template.liquid file Modify the theme code to add the shipping calculator Insert the notification form code to your theme Insert custom fields to your theme's customer registration form Add Custom Fields to Contact Form in Shopify Insert a form field to your theme code

Sam Nguyen

Sam Nguyen is the CEO and founder of Avada Commerce, an e-commerce solution provider headquartered in Singapore. He is an expert on the Shopify e-commerce platform for online stores and retail point-of-sale systems. Sam loves talking about e-commerce and he aims to help over a million online businesses grow and thrive.