KeyShotVR instructions

Instructions for sharing KeyShotVR

Below is your KeyShotVR. To view the KeyShotVR by itself open the with logo_VR.218.html file in the with logo_VR.218 folder.

Uploading to your web site:

Upload the with logo_VR.218 folder and with logo_VR.218.html file to a publicly accessible server.
In your webpage where you would like your KeyShotVR to be viewed from, create an <iframe> tag in the <body> section of the html file and update the <src> attribute to reflect the location of the VR on the webserver. Example: <iframe src="with logo_VR.218.html" width="640" height="430" frameborder="0" scrolling="no"></iframe>
The with logo_VR.218.html file must be kept in the same directory as the "files" folder.

If you are sharing via email. You will need to send the entire zipped with logo_VR.218 folder to the end recipient.

Making VR mobile responsive within iframe tags:

Open with logo_VR.218.html in a code editor and modify the value var downScaleToBrowser to be set to true, if this was not enabled inside of KeyShot. This will allow the VR to downscale with the browser when resized to mobile resolution.

If you're embedding the VR within an iframe and wish for the iframe to be fluid, it is important you add the below JS snippet to your website at the botttom of the page just above the closing body tag. This script will enable all iframe tags to be fluid on the page.