How customise the ajax cart

Solved
Admin2021
Tourist
11 1 0

Is it easy/possible to customise (slightly) the ajax Cart page?

Background to the issue:

When clicking the 'Add to Cart' button, old Shopify themes  (e.g. Radiance) used to display a 'Continue shopping or go to Cart' button.
Nowadays shopify themes seem to like to (interupt the buying process!) by going straight to the Cart - where many visitors will just buy the product, without going back to buy more.

The latest themes seem to give the options of:
'Page' - which goes to the Cart
'Modal' - which goes to a modal cart page - i.e. with the cart in front of the original page in the background.
'drawer' - which makes the original page slide down the screen, leaing th Cart at the top inview.

We would prefer the old out of favour 'Continue shopping or go to Cart' button, without the ajax cart.
next in preference would be the modal - with the addition of a 'Continue Shopping' button *
'page' and 'drawer' are not favoured.

We are using currently the Supply theme.
a) is it easy to implement a 'Continue shopping or go to Cart' button, without ajax cart?
b) is it easy/possible to customize ajax-cart-template.liquid to add a 'Continue Shopping' button and to return to the original page?

* We are aware that the modal cart window has an 'X' top right - which closes it, but an inexperienced visitor may not notice it.

0 Likes
Admin2021
Tourist
11 1 0

This is an accepted solution.

We found a solution here:

https://community.shopify.com/c/Shopify-Design/Product-pages-Stay-on-the-product-page-after-adding-p...
but had to change the cart customisation from 'modal' to 'page'

And on the Cart page (i.e. cart.liquid) we were able to add 'Continue Shopping' button with this solution:
https://community.shopify.com/c/Shopify-Design/Continue-Shopping-design-style-in-Minimal-theme-code-...
but note that in the Supply theme the class to change is "btn-secondary" not the example class given "btn--secondary" (i.e. with one hyphen rather than two)

0 Likes