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!
Topic summary
A user wants to remove the cart icon from their Savor theme and replace it with a custom button linking to a different destination. Multiple solutions were provided:
Primary Solution:
- Edit
header-actions.liquidfile in the theme code editor - Locate the
<a>tag with class “header-actions__action” and replace with custom button/link - Also update
cart-drawer.liquidfile by replacing the corresponding<button>tag - Screenshots were provided showing exact code locations
Alternative Approaches:
- Check if the theme has built-in settings to change cart destination links
- Search forums for theme-specific solutions
- Consider hiring a developer for advanced customization
Status: The user acknowledged the help, but hasn’t confirmed implementation. This is an advanced theme customization requiring direct code editing in Shopify’s theme files.
Hi @scooptroops
You can do that by editing the code in header-actions.liquid
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.
Thank you!
Hello @scooptroops
Please follow the steps below after logging into the Shopify admin:
-
Go to your Shopify Admin panel.
-
Click on Online Store > Themes.
-
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 tag with your custom button and link as needed.
Example reference screenshot: Screenshot by Lightshot
Step 2: Update Cart Drawer Button
-
Now search for the file:
cart-drawer.liquid -
Inside that file, search for:
“header-actions__action” -
Replace the tag with your custom button and link.
Example reference screenshot: Screenshot by Lightshot
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.