Shopify themes, liquid, logos, and UX
I would like to get rid of the typical shopify icons and change them to text saying "search" and "cart (0)" I will show an example below of what I want. I assume it must be done in the code editing but I have no idea where to start, please help!
Current:
What I want:
Link: https://satorivintage.com/pages/about
Password: aibewn
details-modal.header__search summary.header__icon.header__icon--search > span::before {
content: "SEARCH";
}
details-modal.header__search summary.header__icon.header__icon--search span.svg-wrapper > svg {
width: 0 !important;
}
a#cart-icon-bubble::after {
content: "CART";
}
a#cart-icon-bubble {
padding-left: 40px;
}
a#cart-icon-bubble svg.icon {
width: 0 !important;
}
I hope this helps
Best,
Daisy
Hi, thank you so much! Can you help me to take away the underline under the "search" and "cart" and make the "(0)" amount appear next to the cart of how many products are in?
Right now it looks like this, not great:
Please add this code more
.cart-count-bubble {
top: 33%;
right: -36px;
left: unset !important;!I;!;
}
I hope this helps
Best,
Daisy
Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025Expand into selling wholesale with Shopify Academy’s learning path, B2B on Shopify: Lau...
By Shopify Jan 28, 2025