How do i remove the add cart icon when hovering

Vote Up

Vote Down

Answered

Public

Technical Question

Darren Newton asked June 14, 2014

Hi guys

how do i remove the add cart icon off image pictures when hovering

http://www.pws-onsite.co.uk/products.html

Basically wherever a image is, if clicked i want it to go to the product page

SportsGear

2 answers

Vote Up

Vote Down

chavan ⋅100.00 $tone June 16, 2014

Public

Go to this File: app\design\frontend\default\jm_sportsgeartemplate \catalog\product\list.phtml

Remove this code:

Code:

<div class="product-action">
                                <?php if($_product->isSaleable()){ ?>
                                    <button class="button btn-cart" onclick="setLocation('<?php echo $this->getAddToCartUrl($_product) ?>')">
                                        <span><?php echo $this->__('Add to Cart') ?></span>
                                    </button>
                                <?php } else { ?>
                                    <div class="out-of-stock"><?php echo $this->helper("catalog")->__('Out of stock') ?></div>
                                <?php } ?>
                                <ul class="add-to-links">
                                    <?php if ($this->helper('wishlist')->isAllow()) : ?>
                                        <li>
                                        <a href="<?php echo $this->helper('wishlist')->getAddUrl($_product) ?>" class="link-wishlist">
                                            <?php echo $this->__('Wishlist') ?>
                                        </a>
                                        </li>
                                    <?php endif; ?>
                                    <?php if($_compareUrl=$this->getAddToCompareUrl($_product)): ?>
                                        <li>
                                            <a href="<?php echo $_compareUrl ?>" class="link-compare"><?php echo $this->__('Compare') ?></a>
                                        </li>
                                    <?php endif; ?>
                                </ul>
                            </div>

And

Remove this code

Code:

<a href="<?php echo $_product->getProductUrl() ?>" class="productoverlay"></a>

Vote Up

Vote Down

Ziven ⋅ Staff ⋅100280.00 $tone June 16, 2014

Public

Please open this file: skin\design\frontend\default\jm_sportsgear\css \styles.css

Find and add new rule on line 3672:

Code:

.products-grid .product-action .btn-cart:hover {
background: url('http://www.pws-onsite.co.uk/skin/frontend/default/jm_sportsgear/css/../images/icon_addtocart.png') no-repeat left bottom;
display: none;
}

Find and replace rule on line 3643:

Code:

.products-grid li.item:hover .productoverlay {
display: block; --> display: none;
filter: alpha(opacity=50);
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
}