Reputation: 1
I have new code on my website and a portion of my image icons are not clickable. The url shows up so it is reading the a tag but you cannot click the picture. Any insight would be helpful.
http://staging.pinupgirlclothing.com/retrodresses/lush-dress-swan.html
see shop the look
html layout is:
<ul class="box-content">
<li class="item first">
<div class="item-info">
<a href="http://staging.pinupgirlclothing.com/new-items/sp-15252-pk.html" class="product-image"><img src="http://staging.pinupgirlclothing.com/media/catalog/product/cache/1/small_image/115x150/9df78eab33525d08d6e5fb8d27136e95/s/p/sp-15252-pk_01t.jpg" width="115" height="150" alt="Floozy Kiss Lock Purse in Baby Pink Size- 939450" title="Floozy Kiss Lock Purse in Baby Pink Size- 939450" /></a>
</div>
</li>
<li class="item">
<div class="item-info">
<a href="http://staging.pinupgirlclothing.com/new-items/il-hs-bk.html" class="product-image"><img src="http://staging.pinupgirlclothing.com/media/catalog/product/cache/1/small_image/115x150/9df78eab33525d08d6e5fb8d27136e95/i/l/il-hs-bk_01.jpg" width="115" height="150" alt="Vintage Style Sheer Hair Scarf in Black Size- 952104" title="Vintage Style Sheer Hair Scarf in Black Size- 952104" /></a>
</div>
</li>
<li class="item last">
<div class="item-info">
<a href="http://staging.pinupgirlclothing.com/new-items/black-jelly-flats.html" class="product-image"><img src="http://staging.pinupgirlclothing.com/media/catalog/product/cache/1/small_image/115x150/9df78eab33525d08d6e5fb8d27136e95/f/i/fi-032jelly-bk_01_1.jpg" width="115" height="150" alt="Dragonfly Jelly Peeptoe Flats in Black" title="Dragonfly Jelly Peeptoe Flats in Black" /></a>
</div>
</li>
</ul>
Upvotes: 0
Views: 789
Reputation: 29083
This code in main.js is your problem. Don't preventDefault if you don't want the default behavior (following the link) to be prevented:
$('.product-view a.product-image').on('click', function(e) {
e.preventDefault();
});
Upvotes: 1