Can I embed a 360 view in Magento? Short answer. Yes.
Take a look at how our friends at Elderly Guitars have enhanced their Magento store experience with Imajize 360 views:
Now here is the long answer. Currently we can use some tricks to render 360 views on Magento. Here are the installation instructions for Magento (created for version 1.9):
-
Log in to your Magento admin
-
Go to “System” > “Configuration”, then click on “Design”
-
Insert the following code snippet into the “Footer” > “Miscellaneous HTML” field. You will only have to do this step one time.
<script type="text/javascript">
//<![CDATA[
var i = document.querySelector('.product-img-box img[title*="imajize"]');
var c = document.querySelector('.product-image');
if (i && c) {
var width = c.offsetWidth;
var height = c.offsetHeight;
var f = '<iframe id="imajize" src="' + i.title + '" frameborder="0" scrolling="no" style="background-color: #fff" allowfullscreen></iframe>';
c.innerHTML = f;
f = c.querySelector('iframe#imajize');
f.width = width;
f.height = height;
}
//]]>
</script>
-
Now add an Imajize 360 view to a product. Log into your Imajize account and navigate to the 360 view that you want to publish. Click “Embed” in the top right corner and then choose “URL”. It should give you a url that looks like this: http://embed.imajize.com/2669449. Copy this URL.
-
Back in Magento, go to “Catalog” > “Manage Products”. Choose any product, go to the Images & Video Tab, and paste the Imajize embed URL to the description of the first image.
That’s it! If you have any questions or issues with magento please don’t hesitate to contact us.