How To: Remove Add to Cart buttons from Catalog Pages

If you want to remove the “Add to Cart” buttons from the catalog pages, this is how you do it:

All you have to do is find the right file to edit, then you just need to delete some code in that file.

The file you need to edit is list.phtml

You can find it by going to: app > design > frontend > default > default > template > catalog > product > list.phtml

Because the catalog pages can by viewed in either grid mode or list mode, there are two references to the “Add to Cart” button in the code within the list.phtml file. Make sure you delete the code in both sections. If you read the code, you will see where it says list mode and grid mode.

Look for this code, then delete it:

            <button class="form-button" onclick="setLocation('<?=$this->getAddToCartUrl($_product)?>')"><span><?=__('Add to Cart')?></span></button>

Once you’ve done that, you shouldn’t see the “Add to Cart” buttons on the catalog pages anymore.


  • 343 Users Found This Useful
Was this answer helpful?

Related Articles

How To: Improve Magento Performance

Important Note: The following tips on performance improvements have been tested to work properly...

How To: Setup Multiple Store for Magento

The following is the recommended guide to setup a Magento Multi-Store on our hosting plans. A...

How To: Create A PHP Info File

A PHP info file displays information about your PHP installation that can be useful to...

How To: Display Products on Homepage

There are numerous ways to put products on your home page, and we’ll compile a list of code...

How To: Add Home Link to Menu Bar

For the Home link in the menu bar of the main template you can add some code to one of the...