Man, I should be on TD’s payroll. The problem is in the theme.js file. Particularly this section:


// WooCommerce product items
//
jQuery('ul.products .product').each(function(index, element) {
var element = jQuery(element);
var imgEl = element.children('img');
var container = element.find('.product_hover_container');

var ANIMATE_SPEED = 800;

// Hover effects
container.hide();
container.css(‘visibility’, ‘visible’);

if (isTouch) {
var startEvent = ‘click’;
var endEvent = ”;
} else {
var startEvent = ‘mouseenter’;
var endEvent = ‘mouseleave’;
}

element.bind(startEvent, function(event) {
container.css(‘top’, (imgEl.outerHeight(true) / 2 - container.height() / 2) + ‘px’);
container.css(‘left’, (imgEl.outerWidth(true) / 2 - container.width() / 2) + ‘px’);

container.stop(true, true).fadeIn(ANIMATE_SPEED / 2);

event.preventDefault();
return false;
});
if (endEvent !== ”) {
element.bind(endEvent, function(event) {
container.stop(true, true).fadeOut(ANIMATE_SPEED);

event.preventDefault();
return false;
});
}
});

This applies to the product listing page and is trying to tell the touchscreen how to handle the touch events. I'd be lying if I said I knew where the error was in the coding, but obviously there is one.

What I do know is by stripping that section out of the theme.js file, as well as the fancy "black bars" overlay on product thumbnails from content-product.php, I now have iPhone clickable links to products. I've lost the black bars overlay functionality, but I was planning on getting rid of that as most products on my site are variable and can't be directly added to the cart anyway, so no loss there. It's definitely an issue that needs to be fixed though.

Kevin, have you made headway with this issue? I’m dealing with the same thing.

yes. this is the latest version. and the demo site is not responsive, is it?