Product images only appear when re-sizing screen

[aphex73]

Product images do not display when clicking into a product page. Only when the page is re-sized do they then show?

I’ve been through disabling and enabling the plugins and all the usual tricks…none the wiser…

Would greatly appreciate your insight.

[Rui Guerreiro – SUPPORT]

Hi,

We are providing a fix for this in a update scheduled for next week.

If you need it sooner open the file functions.js locate at themes/uplift/js
and around the line 3718 add this line of code

$window.trigger(‘resize’);

It should look like this after adding that line of code.
https://www.dropbox.com/s/hr9ri34y6y6gg3m/Screenshot%202016-11-03%2018.28.09.png?dl=0

Hope it helps.

-Rui

[aphex73]

Thanks, I saw that. It still doesn’t work…no change unfortunately.

Are there any other suggestions?

[aphex73]

el.find(‘.product-slider-image’).each(function(){
var imgClass = (this.width/this.height >= 1) ? ‘wide’ : ‘tall’;
jQuery(this).addClass(imgClass);
});
$window.trigger(‘resize’);
},
onBeforeSlide: function () {
if (hasProductZoom) {
jQuery(‘.zoomContainer’).remove();
}

},
onAfterSlide: function () {
if ( isMobileAlt && hasProductZoomMobile ) {
jQuery(‘.product-slider-image’).each(function() {
jQuery(this).panzoom(‘reset’);
});

[David Martin – Support]

@aphex73 – the update has gone out to fix this.

Don’t forget, when changing the functions.js file you must have the Performance Options set to Off from within the theme options, else it loads a different file, the minified version – hence no change.

THanks.

[aphex73]

That completely slipped my mind. Thanks Martin!!

I’ve got pre-minified scripts turned off and all works well.

[Rui Guerreiro – SUPPORT]

Nice, glad it’s sorted.

-Rui