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
  • 24 Users Found This Useful
Was this answer helpful?

Related Articles

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: Setup Multiple Store for Magento

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

How To: Add Attributes to Product Grid in Category

Introduction Here we will show how to add your more attributes to the category view product list...

How To: Move Magento from Subdomain to Main Domain

Moving Magento from your Subdomain to your Main Domain (and vice versa) is very seamless and...

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...