amcg

Hey @BluePearl ,

This code is pretty old, so it may not work in some of the newer templates. Are you adding it to the CSS panel or Code Injection?

@Rustic99 - this isn't possible using Squarespace I'm afraid. The Form Block with areas to allow people to link to the products they want might work. Otherwise, you'll need to look into third party apps which can be embedded on your Squarespace site.

@willateamThis was originally for each individual product's page - I've added an additional comment above for the main page.If you want to disable these options on just one specific product, this code won't work.

Instead, you'll need to target each specific item before using code similar to this. Here is another Answers post to help:

http://answers.squarespace.com/questions/38508/only-hiding-price-and-add-to-cart-from-some-products

Here's a screenshot of the exact code that worked for me using those instructions:

http://take.ms/n0DGK

**Note the Quantity line has changed to "-input"

Also! This will only stop the price from displaying on each individual product’s page. For the main product page, use this code in the Style Editor/Page Settings:

#productList .product .product-price { display: none !important }

@Russdb705 It sounds like you should sent an email to Squarespace support here so that they can take a look at your site and help you out: http://help.squarespace.com/ask-a-person/

Do you mean that your products don't have a built in quantity option, and appear like this?: http://take.ms/NQ3Df

Hi there - I'm not sure I understand you here. Are you using the built in Product Pages on your Squarespace site? Or have you linked to a WooCommerce store?

There are a couple of other, related answers to this questions, however this is the code I found which works.

The main section of the code is:

.product-price,
.product-quantity-input,
.sqs-add-to-cart-button-wrapper {
 display:none;
}

This code can be altered to only affect one or two of the elements by removing certain lines. Remove .product-price, from the code if you want to continue to display the price of the product.

Add this code to the Custom CSS Editor if you want all product pages to be affected.

If you would like this code to affect individual product pages, you can add it to the Page Code Injection area. Go to Product Settings > Advanced > Page Header Code Injection on your product page and paste in this code:

<style>
.product-price,
.product-quantity-input,
.sqs-add-to-cart-button-wrapper {
 display: none;
}
</style>

This code can be used if you would like to add PayPal buttons within your products pages. Add the PayPal button code within the Additional Info area of each product, and then hide the Add to Cart button with the above CSS.

Hopefully this helps anyone else!

I would like to use the product pages on my site to display my products, but because I am not actually selling online, I need to hide the following elements:

• Add to Cart button
• Quantity area
• Price