Hi,
50% might be mobile, but note that it works just fine on Android, and it works fine on Apple if you use Chrome, Firefox, etc. It only doesn't work on Apple with Safari because that browser doesn't support the onmouseover trigger properly like everyone else does.
So I guess that only a few percent of your customers would be affected.
Now I would be happy to do something for Safari, but I couldn't find an easy solution. I guess we could implement an onclick on the area, but if we do that, it means that the buttons inside the area that appear when you hover on it won't be clickable anymore. So if you have an add to cart button which appears when you hover on the area (like it's often the case), the button wouldn't work and it would instead redirect on the product page for all the browsers, even on PCs.
So doing the same thing that we do on our documentation is not really a solution in that case. The remedy would actually be worst than doing nothing.
I've looked a bit deeper into it and I think I migth have a solution.
Edit the file listing_slider_vertical via the menu Display>Views and change the code:
at the end to:
<?php
hikashop_loadJslib('jquery');
?>
<script>
window.hikashop.ready(function(){
hkjQuery('#<?php echo $mainDivName; ?> .hikashop_vertical_slider_subdiv').on('touchstart', function () {
hkjQuery(this).trigger('hover');
}).on('touchend', function () {
hkjQuery(this).trigger('hover');
});
});
</script>
<?php
}
?>
That should normally allow the slider code to trigger with touch events allowing even the effects to work on Safari mobile.
Please test that on your website and let us know how it goes so that we can add that to the next release if it works fine.