We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more

Remove cart icon and replace with button - theme - savor

Remove cart icon and replace with button - theme - savor

scooptroops
Visitor
2 0 1

I want to remove the cart icon on all pages and replace it with a custom button that leads to a custom link. I have tried many of the suggestions on other forms but can't seem to get anything to work. Thanks!

Replies 4 (4)

Dan-From-Ryviu
Shopify Partner
12073 2359 2539

Hi @scooptroops 

You can do that by editing the code in header-actions.liquid 

Screenshot 2025-06-26 at 09.38.48.png

- Helpful? Like & Accept solution!
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

scooptroops
Visitor
2 0 1

Thank you!

PaulNewton
Shopify Partner
8031 688 1649

Hi @scooptroops 👋 changing the style and the structure and behavior is an advanced theme customization.

You could try searching the forums for the specific theme and "replace cart with link" etc keywords to see if anyones done the very specific work before.

Also some advanced themes do let you change the cart destination link so double check settings if you bought such a theme with that feature.

 

Otherwise if you need this customization taken care of then contact me for services.
Contact info in forum signature below ⬇ ⬇ ⬇.
ALWAYS please provide context, examples: store url, theme name, post url(s) , or any further detail in ALL correspondence.

Contact paull.newton+shopifyforum@gmail.com for the solutions you need


Save time & money ,Ask Questions The Smart Way


Problem Solved? ✔Accept and Like solutions to help future merchants

Answers powered by coffee Thank Paul with a Coffee for more answers or donate to eff.org


WebDeskSolution
Shopify Partner
252 55 64

Hello @scooptroops 

 

Please follow the steps below after logging into the Shopify admin:

  1. Go to your Shopify Admin panel.

  2. Click on Online Store > Themes.

  3. Find your live theme, then click Actions > Edit code.

Step 1: Update Cart Icon in Header

  • In the code editor, search for the file:
    header-actions.liquid

  • Inside that file, search for:
    "header-actions__action"

  • Replace that <a> tag with your custom button and link as needed.
    Example reference screenshot: https://prnt.sc/RfB6GODGS0Lx

Step 2: Update Cart Drawer Button

  • Now search for the file:
    cart-drawer.liquid

  • Inside that file, search for:
    "header-actions__action"

  • Replace the <button> tag with your custom button and link.
    Example reference screenshot: https://prnt.sc/G5twpq69tAaN

Once these changes are done, the cart icon will be removed from all pages and replaced with your custom button that leads to your desired link.

 

Please hit Like and Mark it as a Solution if you find our reply helpful.

Thank You,


WebDesk Solution Support Team
Get a Free Quote | Email | Shopify Partner | Shopify Development Agency | Call: 877.536.3789


Canada: 150 King St W. STE 200, Toronto, ON M5H 1J9

 | USA: 98 Cutter Mill Rd. STE 466, Great Neck, NY 11021