How can I enable a cart drawer (instead of redirecting to the cart page) in the Refresh theme?

Ask & Offer
, ,

Topic summary

A Shopify store owner using the Refresh theme wants to enable a cart drawer that slides out from the right side, instead of redirecting customers to the cart page.

Current Issue:

  • The cart drawer opens correctly when products are added to cart
  • However, clicking the cart icon in the header still redirects to the cart page instead of opening the drawer
  • This appears to be inconsistent with the default Refresh theme behavior

Suggested Solutions:

  • Multiple users confirmed there’s a built-in option: Theme Settings → Cart → Type → Drawer
  • The setting works for “add to cart” events but not for direct cart icon clicks
  • Custom code may be needed to modify the cart icon’s click behavior

Status:

  • The user has shared their store URL (Spartion.com) for troubleshooting
  • Community members are investigating why the cart icon behaves differently than expected
  • One user offered to share their working implementation

The discussion remains ongoing as the partial solution doesn’t fully resolve the cart icon redirect issue.

Summarized with AI on October 25. AI used: claude-sonnet-4-5-20250929.
1

Hi everyone,

I’m using the Refresh theme and right now when customers click the cart icon or add a product, they are always redirected to the cart page.

What I want instead is a cart drawer / slide-out cart from the right side that opens without leaving the current page.

Has anyone already done this with Refresh?

  • Is there a built-in option I might be missing?

  • If not, what’s the best way to set it up (custom code, snippet, or app)?

Would love to hear your solutions or experiences!Thanks.

2

Hi @SPARTION

Please find the steps to enable the side cart option:

  • Go to Online Store > Themes > Customise.
  • Look under Theme Settings → Cart or check the Header block settings.
  • Choose the Cart type → Drawer.

image
image363×913 29.3 KB

Hope these steps will work and resolve your issues. Let me know if you need more help.

Thanks & Regards

3

Hey, I ran into the same thing with the Refresh theme. By default it always takes you to the cart page, which wasn’t great for conversions on my store.

I ended up setting up a slide-out cart instead, and it’s working really smoothly now. It’s not something that comes built-in with Refresh, but there are a couple of ways around it (either some tweaks in the code or using a lightweight app).

If you’re considering it, I’d say it’s definitely worth doing because the drawer keeps customers on the product page and makes checkout feel faster. Happy to share what worked best for me if you want to dig into it further.

1 Like
4

Thanks for the hint!

I’ve tried switching the cart type to drawer, and it works fine when a product is added to the cart – the slide-out opens as expected.

However, when a customer clicks on the cart icon in the header (without adding a product first), it still redirects to the cart page instead of opening the drawer.

So it looks like the drawer is only triggered on “add to cart” events, but not on a direct cart icon click. I guess this behavior comes from the theme itself.

5

By default, when clicking on cart icon, it would open cart drawer as you can check here in refresh demo theme.

Could you send me the link to your store so I can check?

6

Hi @SPARTION

I’m happy that the steps work for you.

Also, if you want to change the behaviour of the cart icon in the header, we have to check the theme settings if it’s available natively. If not, we can write a custom code for this behaviour.

Let me know your thoughts.

Thanks & Regards

7

Hi @SPARTION ,

The Refresh theme already comes with a built-in cart drawer (called “cart drawer” or “drawer cart”) option. By default, it might be set to redirect customers to the cart page, but you can switch it easily in the theme editor:

Steps:

  1. Go to your Shopify admin → Online Store → Themes.

  2. Theme settings → Cart → Type, select Drawer.

  3. Save.

After that, when a customer adds to cart or clicks the cart icon, the drawer will slide out on the right side without leaving the current page.

image
image1920×919 130 KB

8

Yes please, it would be really helpful if you could share how you set it up. Thanks a lot!

9

Hi, the URL to my Store is Spartion.com. Thank you :grinning_face:

10

Hi, thanks for your help! Unfortunately it’s not working, for when you click the cart Icon for some reason. Maybe you can check it on Spartion.com. Is there another solution? Thank you!