After reading Adam's guide on hiding the navigation on a page of a site, I got to thinking about a request a few people have made from me. They had an individual product or two in their store that they wanted people to call for the price on, but the rest of the their products needed to available for purchase online.
The steps involved are a lot like hiding the navigation except for a couple things, so if you can handle doing that then doing this should be a snap.
First, go to the live product page and use the Web Inspector to view your the product button code.
Next, move up the element tree until you find the element that contains the purchase button.
The ID for the product button is "wsite-com-product-buy", so this is what I want to hide. Next, go to your product page in the editor and drag an Embed Code element to the long description area for the product. Then add this code:
<style>
#wsite-com-product-buy { display:none; }
</style>
Publish your site and check your product. Success! But you know what, I think I'd like to hide the inventory while I'm at it. Follow the same steps above and get the ID of the quantity field, "wsite-com-product-inventory". Next, add it to your style code with a comma, so you now have:
<style>
#wsite-com-product-buy, #wsite-com-product-inventory { display:none; }
</style>
Publish again and check it out!
From inside the site editor, click on the STORE tab (on the blue bar, upper left), then click Products on the left side bar. Once there, click on the product you want to edit, then click the "View Product" button on the upper right corner.
This will put you on the product page in the editor. On the page, toward the bottom, you will see "Your long description is empty. Drag elements here" (see image below)
To add a long description, drag a text element (the gray squares) into the long description area. If you do not have a long description to add, you can leave this area empty.
