"Continue Shopping" Option after Adding to Cart

Sale price Price $480.00 Regular price

You want your customers to continue shopping after they added items to the cart, but don't know how to do it? Don't worry, we got your back! 

  1. On your Shopify app, go to Store tab
  2. From there go the Sales channels and than Online Store
  3. In the Manage themes section find the theme you want to edit, and click on Actions and choose Edit code

  4. Go to Sections directory and search for cart-template.liquidIn case you can't find it, try finding cart-liquid.
  5. In order to find the code for Checkout button, try searching the file name="checkout". The line of code should look something like this <button type="submit" id="checkout" name="checkout" class="btn">{{'cart.general.checkout' | t}}</button>
  6. The next step is to paste a line of code to actually create a Continue Shopping button. This step depends on the page you would like the link to go to. 
    Catalog page - For the link that leads to this page, paste the following code before or after the code for checkout button:  <a href="/collections/all" title="Continue shopping">Continue shopping</a>
    Home page - For the link that leads to this page, paste the following code before or after the code for checkout button: <a href="/" title="Continue shoppng">Continue shopping</a>
    Last collection viewed - For the link that leads to this page, paste the following code before or after the code for checkout button: 
    <a id="continue-shopping" href="" title="Continue shopping">Continue shopping</a>
  7. It is time to click on Save. You are all done if you added a link that leads to Homepage or Catalog page, but if you added a link that leads to last collection viewed, than you need to add some JavaScript to your theme code. 
  8. Go to Layout directory, and search for theme.liquid.
  9. Find the closing </body> tag, it should be near the bottom of the page, and paste the following code above the closing </body> tag:
    <script>  
     if(Storage !== undefined) {   var defaultLink = "/collections/all";   {% if template contains 'collection' %}
         sessionStorage.collection = "{{ collection.url }}";
       {% endif %}   {% if template contains 'cart' %}
         if( !sessionStorage.collection ) {
           sessionStorage.collection = defaultLink;
         }
         document.getElementById("continue-shopping").href = sessionStorage.collection;
       {% endif %}   }
    </script>

We can add a link on the Cart page or Cart preview that will take your customer to whatever page you choose. This gives your customers the option to continue shopping after adding something to their cart!

 

Client Reviews

x

Get in touch

Let us know about your project and will get back to you within 24hrs. If you'd rather speak to someone now

Call +971 4383 5588

By submitting this form you agree that Eastside Co. can contact you by the email address and
telephone number provided above. You may unsubscribe from these communications at
anytime. For information on how to unsubscribe, as well as our privacy practices and
commitment to protecting your privacy, check out our Privacy Policy.

What our clients say

Great service, pleased with the finished product. Account management has been great, and very helpful. Very happy with the overall experience - would recommend to anybody looking to create or update their Shopify web store.

Wasps Rugby Club