With the 360 Product Viewer you can host the images on any server you like – be it Amazon S3, CoudFront or other CDN Provider.
Why? Hosting on a CDN or on S3 gives you faster loading time. Faster loading time means happy customers & more sales.
The Key is the path data-rotate-tool parameter:
|
1 2 3 4 5 6 7 8 9 |
<!-- 360 plugin start --> <div id='product3d' data-rotate-tool='{"path":"http://360.yofla.com.s3-website-us-east-1.amazonaws.com/backpackjs/", "id":"", "gaData":{"isEnabled":"true", "trackingId":"UA-XXXXXX-X", "label":"Backpack @ Examples", "category":"YOFLA_360" } }'> </div> <script type="text/javascript" src="http://www.yofla.com/3d-rotate/app/cdn/get/rotatetool.js?id=5282012a84487"></script> |
The path parameter is prefixed when the script is loading the config.js, theme files and the image files. In the above example I am using Amazon S3 static website hosting.
How to enable Static website hosting on your Amazon S3
1) Create a bucket, in my case 360.yofla.com, Click the Properties Tag and check Enable website hosting
2) Upload your the output folder you created with the 3DRT Setup Utility to your newely created Amazon S3 bucket. I have used ForkLift on Mac, for Windows you can use the CloudBerry S3 Client
3) Right click the uploaded folder (in my case backpackjs) and select Make It Public:
4) Test if the uploaded folder is public. In your Bucket Properties, under Static Website Hosting you can see the Endpoint URL:
Add your uploaded folder name after the url, add /index.html (or /iframe.html) and try in a browser, in my case:
http://360.yofla.com.s3-website-us-east-1.amazonaws.com/backpackjs/iframe.html
If it works, you can use the endpoint url + folder name as the path parameter, in my case:
http://360.yofla.com.s3-website-us-east-1.amazonaws.com/backpackjs/
WordPress Plugin
WordPress plugin in version 1.0.7 accepts an url starting with http:// as src parameter, so you can easily host files on your favourite cloud/cdn servers.