How to hide price on product pages in Squarespace 7.1

Recently, a client wanted a brochure looking website, however, they wanted the price removed on the product pages. This feature will 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;}

}