Checkout living on side of page

Solved
milliecreates
Excursionist
15 0 3

Hello Community! I'm looking to replicate a checkout experience that keeps the user within the main page of the site. Example: https://oliveandjune.com , when you add a product to cart you control it all from the right side of the page. Can someone point me to an app, template, or coding resource I can use to learn how to do this?

 

Thanks!

0 Likes
Trevor
Community Moderator
Community Moderator
2583 340 526

This is an accepted solution.

@milliecreates 

You'd be looking for a "slide-out cart" or also known as a "cart drawer" which a number of themes include as an option within the theme settings. For example, the free theme "Express" offers a cart drawer that can be enabled by following the steps below: 

  1. Click Theme settings.
  2. Click Cart drawer.
  3. Adjust the cart settings:
    • To enable the cart drawer, select Show cart drawer.
    • To enable order notes, select Show cart note.
  4. Click Save.

If you can't find this feature in your theme, then you could look into using a slide-out cart app or hire a Shopify Expert to create this for you. 

Trevor | Community Moderator @ Shopify 
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit the Shopify Help Center or the Shopify Blog