user2984519
user2984519

Reputation: 1

image is not clickable

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

Answers (1)

Robert Levy
Robert Levy

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

Related Questions