Knowledgebase

How to hide product prices on the frontend in Magento

If for some reason you want to remove product prices from being shown on the frontend of your Magento store, you can do that with a minor CSS modification.

You need to modify the styles.css file of your theme. For example, if you use the default theme that comes prepackaged with Magento and your store is installed directly in the public_html folder on your Magento hosting account, making the frontend accessible at yourdomain.com, then the path to the file will be public_html/skin/frontend/default/default/css/styles.css. Edit the file by adding the following on a new line:

.price-box {display:none;}

This will hide the price on category pages (both grid and list view) and on product details pages. You can edit the file from the Files section of the Pixie control panel. Another way to do it is to download it on your local computer with an FTP client (e.g. FileZilla), edit it with a text editor (e.g. Notepad) and upload it back overwriting the old file.

After that clear your browser cache and refresh the frontend of your site to see the result.

On a similar subject you may also find useful the article on removing the "Add to Cart" button from the frontend in Magento.

Was this answer helpful?

 Print this Article

Also Read