Only works if window is resized

Without any more info on your web page, it is impossible to help…

Hi Maui2Wp,

I am experiencing the same issue as the one noted above. Hopefully I can add a little more detail to pin down the cause.

VRM360 works great for me on a page or post. However, I want to use it for products in a WooCommerce shop to have 3D models of products available in a special product tab I’ve named “3D Previews”. When I place it in a WooCommerce Tab, I get a thin grey line (as if the canvas is the normal width of the tab but only about 10 pixels high.) The loading spinning wheel appears below it in full size and then disappears, but the thin grey remains (which I suspect is the VRM360 canvas.. just thin.

If the browser window is resized at all, boom, it pops up exactly as it should. I tried placing it in a html div within the tab with width and height forced to proper dimensions and that didn’t produce any different results.

It feels so close to working like a champ…!

I’d be happy to include a link to an example privately. I don’t frequent www.remarpro.com often, so let me know the best way to do that.

Thanks! Great plugin so far!

Quardt

Hi @elartiste @quardt , I am experiencing same issue with this plugin inside bootstrap modal however I am able to fix it using window resize event when modal is shown. Just add this script to your footer.

<script>
jQuery('#modal_id').on('shown.bs.modal', function (e) {
 window.dispatchEvent(new Event('resize'));
});
</script>

• This reply was modified 3 years, 10 months ago by Sandeep Kumar.