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.


  • Email, SSL
  • 341 Users Found This Useful
Was this answer helpful?

Related Articles

How To: Upgrade Magento to the Latest Version

Note: It is always recommended to perform multiple form of backups before you perform any...

How To: Create A PHP Info File

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

Magento Security Patches

From time to time Magento will release patches for security vulnerabilities or simply standard...

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: Install Magento using Installatron Script Installer

There are a few easy steps that you will need to take to install Magento using Installatron...