Hide Price/Show Price Question

I have two different stores on my page. I want to show the prices for one store, and hide the prices for the other store. Is there a way to do this? Every time I try editing either store's format, the changes affect the other one. Thanks.

1 hour ago, Blue2032guy said:

I have two different stores on my page. I want to show the prices for one store, and hide the prices for the other store. Is there a way to do this? Every time I try editing either store's format, the changes affect the other one. Thanks.

If you have several Store pages on your website, many of the Squarespace settings will affect all Store pages. If you want to affect only one page, you will need to use some custom CSS. You can limit the effect of the CSS to one store page by referring to its unique Collection reference - a long serial hex number prefixed with "collection-". 

For example, if your store page had the ID "collection-5a6c5f0724a694fb932ab81f", you could use this custom CSS:

#collection-5a6c5f0724a694fb932ab81f, .collection-5a6c5f0724a694fb932ab81f {
  .product-price {
    display:none!important;
  }
}

This uses both the Collection ID (prefixed "#") and Collection Class (prefixed ".") because one refers to the Product List Page (PLP) and the other to the Product Detail Page (PDP). You can add further collections separated by commas to apply this to other Store pages.

If you need more specific advice, we'll need a working link to the page you want to change 🙂

Did this help? Please give feedback by clicking an icon below  ⬇️