Add To Cart button in Gride View

It would be helpful if you could provide the url of the site you’re working on -- so we can take a look at the issue you’re talking about and then provide appropriate suggestion to resolve.

It would be helpful if you could provide the url of the site you’re working on -- so we can take a look at the issue you’re talking about and then provide appropriate suggestion to resolve.

Here is URL of my site:
I want have a Add To Cart Button in this page and all same pages!

http://portalcms.ir/index.php/jmprod…l/1/?mode=grid

To display button "add to cart" on grid view page, please open the file /skin/frontend/default/jm_megamall/css/styles.css

At line 3589, please replace this code:

Code:

.products-grid .add-to-links, 
.products-grid .btn-cart {
    display: none;
}

With:

Code:

.products-grid .add-to-links{
    display: none;
}

At line 3578, replace this code:

Code:

.products-grid li.item:hover .btn-cart, 
.products-grid li.item:focus .add-to-links {
    display: none;
}

With:

Code:

.products-grid li.item:focus .add-to-links {
    display: none;
}

Hope this helps.

To display button "add to cart" on grid view page, please open the file /skin/frontend/default/jm_megamall/css/styles.css

At line 3589, please replace this code:

Code:

.products-grid .add-to-links, 
.products-grid .btn-cart {
    display: none;
}

With:

Code:

.products-grid .add-to-links{
    display: none;
}

At line 3578, replace this code:

Code:

.products-grid li.item:hover .btn-cart, 
.products-grid li.item:focus .add-to-links {
    display: none;
}

With:

Code:

.products-grid li.item:focus .add-to-links {
    display: none;
}

Hope this helps.

Thank you so much.
I change the CSS and know "Add To Cart" button display but it dose not work!!!
please see this URL:
http://portalcms.ir/index.php/jmprod…l/1/?mode=grid
I want add "Add to cart" button similar List View page (according blow URL):
http://portalcms.ir/index.php/jmprod…l/1/?mode=list
help me!

To fix that, please open file /skin/frontend/default/jm_megamall/css/styles.css

At line 3681, find and replace this code:

Code:

.cboxElement {
    display: none;
    font-size: 100%;
    height: 100%;
    left: 0;
    margin: auto;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
}

With:

Code:

.cboxElement {
    display: none;
    font-size: 100%;
    left: 0;
    margin: auto;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
}

To fix that, please open file /skin/frontend/default/jm_megamall/css/styles.css

At line 3681, find and replace this code:

Code:

.cboxElement {
    display: none;
    font-size: 100%;
    height: 100%;
    left: 0;
    margin: auto;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
}

With:

Code:

.cboxElement {
    display: none;
    font-size: 100%;
    left: 0;
    margin: auto;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
}

Dear Lee,
Thanks your supporting, I changed the code and everything is OK!
But the "Add to Cart" button now display in home page (See Screenshot Please)! may I ask you help me display this button only in Product List!

Thank you very much.
Attachment 36778

Please PM me FTP credentials of your site, I help you out.

Dear Ziven,
please help me.
I sent you FTP account in PM last week.
thanks

I’ve updated directly on your site, I did edit the file /skin/frontend/default/jm_megamall/css/styles.css

At line 15683, I added this rule:

Code:

.jm-product-list li.item button.btn-cart,
.jm-slider li button.btn-cart {
	display: none !important;
}

Please clear cache and check again.