How to hide prices on Collection switcher on home page

Hello!

Im looking for help on hiding the prices on the collection switcher section on the homepage of a website. I have tried a couple codes in the forums I have found but I think I am missing something.

1 Like

Hello @HonorDigital

Please share your store URL so i can help you to provide code for hide prices on homepage collection switcher.

Absolutely! Here is a preview link as I’m working on a redesign for a new client!

https://zt0ztmcy19j0zs9o-57017794726.shopifypreview.com/

@HonorDigital - please add this css to the end of your theme.css file and check, should look like screenshot below and it is for this section only, will not affect or change any other section.

#shopify-section-template--15647151882406__featured-collection-switcher .grid-product__price{display: none;  visibility: hidden;}

Hi @HonorDigital , you can do that by adding this CSS code at the bottom of your theme.css file in Online store > Themes > Actions > Edit code > assets > theme.css

.index-section .grid-product__price { display: none !important; }

@HonorDigital

oh sorry for that issue can you try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.css ->paste below code at the bottom of the file.
.template-index .grid-product__price {
    display: none;
}