FROM CACHE - en_header

Icon Theme: Hide Cart Icon on Header & Remove "Add to Cart" button

Solved
kferguson
Tourist
10 0 0

Hello, 

 

I've been trying to use the other posts in the community to hide the cart icon on the header, however, none of them work for the "Icon Theme". I'm trying to hide the cart icon, the number of items in cart icon, and dollar amount icons from the header on all pages. I also want to disable or remove the "Add to Cart" button. I've also tried the instructions for this on the Shopify community for other themes and it didn't work. My end goal is to be able to prevent customers from trying to purchase items. I've already made my account dormant but I don't want the site to look like purchasing a product is even possible. Any help is greatly appreciated.

Accepted Solution (1)

Accepted Solutions
Jasoliya
Shopify Expert
4533 586 1147

This is an accepted solution.

Hi @kferguson 

Follow this:

Add this css in Asset->theme.scss file at bottom of page

#cart li:nth-child(2){display:none;}
#AddToCart {    display: none !important;}
Want to modify or custom changes on store hire me.
Want to convert visitor to buyers ? try This app.
Email: jasoliyabrijesh123@gmail.com Or WhatsApp Or Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here

View solution in original post

Replies 28 (28)
StephensWorld
Shopify Expert
392 6 86

Hey Kferguson,

 

This will require some custom coding changes to at least two of your theme's templates (header.liquid & product.liquid). 

 

You'll probably want to hire a Shopify Expert to make these changes for you, so that you don't break the theme. You can reach out to me at support@stephensworld.ca to negotiate something, otherwise, I recommend looking in this category of Experts: 

 

https://experts.shopify.com/services/development-and-troubleshooting/add-custom-features-or-code

 

Best of luck! 🙂

★ Did my post help? If yes, then please like and accept solution. ★

→ Have me build your Shopify store @ stephens.world
→ Get your FREE 30-Step Setup Guide @ stephens.world/guide
→ View My Official Expert Profile @ stephens.world/expert
→ Want to buy me lunch? stephens.world/lunch

Jasoliya
Shopify Expert
4533 586 1147

Hi @kferguson 

Send me store url so i can give you solution, 

for add to cart button you can follow this:

For product page:

1. Section->product-template.liquid->find name="add", this is your add to cart button so remove/comment this button,

 

Want to modify or custom changes on store hire me.
Want to convert visitor to buyers ? try This app.
Email: jasoliyabrijesh123@gmail.com Or WhatsApp Or Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
kferguson
Tourist
10 0 0

Hi @Jasoliya , the store url is forthewaterswim.com

Thanks so much!!!

Jasoliya
Shopify Expert
4533 586 1147

This is an accepted solution.

Hi @kferguson 

Follow this:

Add this css in Asset->theme.scss file at bottom of page

#cart li:nth-child(2){display:none;}
#AddToCart {    display: none !important;}
Want to modify or custom changes on store hire me.
Want to convert visitor to buyers ? try This app.
Email: jasoliyabrijesh123@gmail.com Or WhatsApp Or Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
kferguson
Tourist
10 0 0

Hi @Jasoliya , so I followed the instructions for both the add to cart button. And there isn't a  name="add" in the Section->product-template.liquid. I even searched for add by itself and the below screenshot is the only thing that was found. And there isn't a theme.scss in Asset. See screenshots of both below. Screen Shot 2019-07-25 at 1.39.47 PM.pngScreen Shot 2019-07-25 at 1.41.15 PM.png

 

Jasoliya
Shopify Expert
4533 586 1147

Its because of may be you have custom theme, but you can find add to cart button in this file, or if not add me as staff i will check and do. 

Want to modify or custom changes on store hire me.
Want to convert visitor to buyers ? try This app.
Email: jasoliyabrijesh123@gmail.com Or WhatsApp Or Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
kferguson
Tourist
10 0 0

@Jasoliya I just added you to the staff account. I was able to remove the cart icon from the desktop homepage but it still shows on the mobile version. I still wasn't able to remove the "add to cart" button on the product pages. 

Jasoliya
Shopify Expert
4533 586 1147

Done, Check now

On your store there are different icon for desktop and mobile that's why mobile remain, bow done. 

Want to modify or custom changes on store hire me.
Want to convert visitor to buyers ? try This app.
Email: jasoliyabrijesh123@gmail.com Or WhatsApp Or Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
kferguson
Tourist
10 0 0
kuchak
Excursionist
33 1 4

Hi I was able to remove the Add To Cart button but not the icon on the home page when adding the below at the bottom of

theme.scss.liquid (using debut theme)

:

#cart li:nth-child(2){display:none;}
#AddToCart {    display: none !important;}

Can you pls advise?  Thanks! 

Jasoliya
Shopify Expert
4533 586 1147

Add this css to hide cart icon in debut theme:

.site-header__cart{display: none;}
Want to modify or custom changes on store hire me.
Want to convert visitor to buyers ? try This app.
Email: jasoliyabrijesh123@gmail.com Or WhatsApp Or Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
mreza1988
Tourist
8 0 0

Hello,

When i am on the cart page my header is not visible. Please help.

 

Thanks,

Jasoliya
Shopify Expert
4533 586 1147

Send your store url 

Want to modify or custom changes on store hire me.
Want to convert visitor to buyers ? try This app.
Email: jasoliyabrijesh123@gmail.com Or WhatsApp Or Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
MuzammilMalik
Shopify Partner
186 0 12

Hi, dear, you can replace your cart button by using the Shopify hide add to cart button app. Admin can create multiple rules attach them to customer types and specific products. You can also replace Add to Cart button with Contact form and customize its button label, font color, form label, and fields. 

a503c08616fb9c42b7e9c2b0dcff2e88

 

 

Search Engine Marketing Specialist
davidlevyyy
New Member
3 0 0

i want to hide the buy now bottom and the car icon, and i want to do it by myself

how can i do this?

 

 

Jasoliya
Shopify Expert
4533 586 1147

send your store url

Want to modify or custom changes on store hire me.
Want to convert visitor to buyers ? try This app.
Email: jasoliyabrijesh123@gmail.com Or WhatsApp Or Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
Adelaide2
Tourist
11 0 0

Hi @Jasoliya - I have the Icon 2.0 Theme and your solution didn't work. I was so hoping. 

I removed the cart icon, but "My Cart" and count won't disappear. Any help, I am grateful. 

Best, 

Adelaide 

 

Jasoliya
Shopify Expert
4533 586 1147

Send me store url

Want to modify or custom changes on store hire me.
Want to convert visitor to buyers ? try This app.
Email: jasoliyabrijesh123@gmail.com Or WhatsApp Or Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
Adelaide2
Tourist
11 0 0