Hiding or removing cart for Brooklyn theme

Highlighted
New Member
1 0 0

Hi there,

I'd like to hide or remove cart button on header for desktop & mobile view on Brooklyn theme.

Would love some help,

 

Thanks!

0 Likes
Highlighted
Excursionist
26 0 15

Put this at the end of the theme.scss.liquid file in Assets:

a.site-header__icon.site-header__cart {    

display: none;

}

see: https://ecommerce.shopify.com/c/ecommerce-design/t/debut-theme-remove-header-541138

0 Likes
Highlighted
Shopify Staff
Shopify Staff
601 30 96

Hi, Michal!

My name is Ava, I’m one of Shopify’s Gurus and I’m here to help :)

I've just had a quick chat with our Theme Support team here about the coding edits you wanted to make. The above code would be incorrect, as the classes are different in the Brooklyn theme.

This would be the correct code - 

      .site-nav__link.cart-link {    
  display: none;
}

Let me know if that works for you!

Ava

Social Care Guru | support@shopify.com

Ava | Social Care @ Shopify
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit the Shopify Help Center or the Shopify Blog

2 Likes
Highlighted
Excursionist
26 0 15

Interesting.

I took it for granted that you folks had system-wide naming conventions... the cart selector in CSS would be the same for all themes. 

Obvioysly the software engineering standards of Shopify are somewhat different from mine. 

0 Likes
Highlighted
Shopify Partner
1 0 0
Thanks alot! It really helped me. I have another question, I am strictly blogging in Shopify so I would like to remove the collection pages and product pages. Also, I want to remove the feedburner icon in blogs.
0 Likes
Highlighted
Tourist
10 0 2

I'm trying to add the customer icon in the header of the older version of the brooklyn theme in theme.scss.liquid.  Would you be able to help me with what code to add?

Thanks!

0 Likes
Highlighted
New Member
2 0 0

Hi Ava,

 

I tried to add and the end of the code theme.scss.liquid (in Assets)

 

      .site-nav__link.cart-link {    
  display: none;
}

But when I added, then all the theme gets lost with elements in different places.

 

After deleting this info, everything comes to its real place.

 

Can you please help?

 

Thank you! 

0 Likes
Highlighted
Globetrotter
691 64 82

@carletsbcn wrote:

Hi Ava,

 

I tried to add and the end of the code theme.scss.liquid (in Assets)

 

      .site-nav__link.cart-link {    
  display: none;
}

But when I added, then all the theme gets lost with elements in different places.

 

After deleting this info, everything comes to its real place.

 

Can you please help?

 

Thank you! 


can you share site link? and which element you want to hide?

you are welcome to contact me.
My email - suyash.patankar@gmail.com
0 Likes
Highlighted
New Member
1 0 0

I'd like to know how to remove "add to cart" from product page, thanks a lot

my email shop is melodyzen11@gmail.com, shop is mysweetbabies1 

one of the product's url is :

https://mysweetbabies.com/products/custom-pet-photo-keychain-engraved-name-stainless-steel-dog-tag-k...

Thanks a lot

Phil.

0 Likes
Highlighted
Globetrotter
691 64 82

@phil111111 wrote:

I'd like to know how to remove "add to cart" from product page, thanks a lot

my email shop is melodyzen11@gmail.com, shop is mysweetbabies1 

one of the product's url is :

https://mysweetbabies.com/products/custom-pet-photo-keychain-engraved-name-stainless-steel-dog-tag-k...

Thanks a lot

Phil.


hello phil , please add following css to end of your theme.scss file

 

.template-product #AddToCart--product-template{display:none; visibility:hidden;}

you are welcome to contact me.
My email - suyash.patankar@gmail.com
0 Likes