I need to hide prices & change the 'checkout' button's text in the cart

This website is not intended to sell anything, only gather leads, but we are setting it up with an ecommerce backend as we may be transitioning to online sales in the near future. does anyone have any css code that can handle this. I would also like to hide the 'shopping cart' header at the top.

25 minutes ago, elocneb said:

I would...like to hide the 'shopping cart' header at the top.

You can remove the cart icon from your Squarespace 7.1 header as follows:

1. Click Edit on any page on your site, then click Edit Site Header.
2. In the window that appears, click Elements.
3. Toggle the Cart option to off.
4. Click out of the window, then hover over Done and click Save.

25 minutes ago, elocneb said:

I need to hide prices

There's a setting to hide prices in your Squarespace 7.1 store. To hide prices:

1. Go to the store page
2. Click EDIT to edit the store page.
3. Click EDIT SECTION in the panel that appears. 

4. Scroll down to SHOW PRICE and choose Hide.

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

I tried the Hide button of prices : it only hides the prices in the gallery section. The individual product file will still show the price and consequently the add to cart button. 

On 3/18/2023 at 5:23 AM, houseofnantes said:

I tried the Hide button of prices : it only hides the prices in the gallery section. The individual product file will still show the price and consequently the add to cart button. 

 

You can try adding this to Design > Custom CSS

.product-price, .product-prices {
	display: none !important;
}

tuanphan, thank you for sharing. Jumping in because I'm working on a website that normally hides all their prices, except for one Sale page.

Once I put in that code, how do I show prices for a single store page? I tried putting that code in individual store pages but it didn't seem to work.

Edit: Also for reference, I'm working on a Squarespace 7.0 site

Any help on how I can hide only one store page's prices? Whenever I click "edit" "edit section" "hide" or "show prices" it turns prices on/off for all stores, not just the one I'm currently editing.

38 minutes ago, HLEsthi said:

Any help on how I can hide only one store page's prices? Whenever I click "edit" "edit section" "hide" or "show prices" it turns prices on/off for all stores, not just the one I'm currently editing.

Add the following to Website > Website Tools > Custom CSS.

<style>

  .collection-type-products .grid-prices, /* grid */
  .ProductItem-details .ProductItem-product-price, /* simple */
  .pdp-layout .pdp-details .pdp-details-excerpt, /* full, half, and wrap */
  
  /* related products */
  
  .products.collection-content-wrapper .ProductItem-relatedProducts .product-price
  
    {
    
      display : none;
      
      }
      
  </style>

Let us know how it goes.

On 3/19/2023 at 7:54 PM, tuanphan said:

You can try adding this to Design > Custom CSS

.product-price, .product-prices {
	display: none !important;
}

 

This works perfectly! Just one question, is there a way to remove that dead space that is showing as a result of the price being hidden? Is it possible to move the product description up a bit?

On 3/6/2024 at 1:17 AM, onnataylorr said:

This works perfectly! Just one question, is there a way to remove that dead space that is showing as a result of the price being hidden? Is it possible to move the product description up a bit?

Add this code under, if it doesn't work, please share link to a product, I can check easier

div.ProductItem-product-price {
    display: none !important;
}