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
2 answers
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>
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;
}
