How to hide price on product pages in Squarespace 7.1

Recently, a client wanted a brochure style website, but they wanted the price removed on the product pages. This feature is not available in Squarespace, so we have to use some css code to achieve this.

Complexity: Easy

//CSS Hide Price
.sqs-money-native, .product-price {display:none;}

The above code when placed in Design > Custom CSS applies site wide. If you wish to apply the code to a single product, you will need to identify the section id.

A useful tool you can use to identify the #collection-id, #block-id and section[data-section-id="xxxxxx"] is a Chrome Extension called Squarespace ID Finder (https://chrome.google.com/webstore/detail/squarespace-id-finder/igjamfnifnkmecjidfbdipieoaeghcff) which I fully recommend.

[data-section-id="6055b328552222411afff759"] {

//CSS Hide Price
.sqs-money-native, .product-price {display:none;}

}