Blog | WebRotate 360 | Page 6

How To Add Facebook Likes To Your 360 Product View

by WebRotate 360 June 06, 2013 11:34

Did you know it's possible to add Facebook Likes to your 360 product view using our 360 photography software? In this quick tutorial we'll show you how it can be done in a few simple steps. You would use a similar approach for other social plugins or similar static and interactive elements:

1. Go to https://developers.facebook.com/docs/reference/plugins/like/ and generate your Like code. Uncheck Send button as you will need to use the iFrame integration not the XFBML for this test.

 

2. Copy the script code on the iFrame tab as shown below. Note the // in front of www.facebook... and replace the two forward slashes with http://

 

3. Go to SpotEditor and create a new Fixed hot-spot.

 

4. On the Text Content tab, check As HTML markup and type in a container for your Like button like this (change height and width as needed as it's just a sample container and can be anything):

<div style="display:block;height:100px;width:100px;"></div>.

 

5. Insert your iFrame script inside the div between > and <div>

 

6. Click Preview in browser to see if it looks as intended.

 

7. Position the hot-spot as you like via X Y coordinates or the grid with margins on the Hotspot tab (see above).

Here's what we got in our quick local test:

 

Add facebook likes to your 360 product spins


Bookmark and Share

New Magento Integration For WebRotate 360 Product Viewer Released

by WebRotate 360 May 16, 2013 14:31

Today we're announcing a long awaited release of our updated Magento Integration v3.5 on Magento Connect.

There are several major enhancements in this release:

  • Integration has been updated to the latest stable 360 viewer script that packs a slew of improvements and latest fixes (more is coming in the next script update shortly).
  • prettyPhoto lightbox support has also been updated to one of the latest releases (you can now also choose one of several nice skins that it comes with).
  • We introduced a new Ad-hoc integration mode (in addition to the standard one). It allows you to keep any other customizations or third-party modules that you might previously had installed on your product pages in the same location where we activate our standard integration. Previously this was a major concern as there have been many conflicts with the existing 3d party modules that could be only resolved by uninstalling one of the components. Now with the addition of the new Ad-hoc integration you can hook the 360 degree photos pretty much anywhere on your product pages. It can be used as an embedded 360 view or as a small image thumbnail (or a text link) that will activate the viewer inside the same prettyPhoto lightbox popup.
  • We also added our Root Path / Master config support that allows you to have a single 360 viewer configuration file for all of your products in Magento (assuming they have the same number of 360 images, etc) and also support for loading your 360 degree product photos from an external server or CDN.
  • Other minor extras and fixes.


Here's some of the screenshots from this release (click to expand). Let us know if any questions!

Magento sample 360 product view integration

 

PS: this new module has already been successfully installed by a few folks and they reported that everything went smoothly via Magento CE 1.6 and 1.7.

 

Bookmark and Share

Shooting Flashlights in 360 degrees

by WebRotate 360 May 09, 2013 10:46

Check out our latest blog post on PhotoGear 360 where we talk about 360 spin photography of flashlights using the Ortery equipment combo, consisting of the PhotoCapture 360 photography turntable and PhotoSimile 50 Lighbox.

We shared a pretty interesting write up there that you can find helpful when photographing small uniform products similar to flashlights using the Ortery hardware. Here's a short extract from this post:

"What we also had to figure out was how to best present the flashlights as just dropping them on the 360 turntable was not expected to produce good results – we wanted to achieve a straight horizontal orientation of each object as if it was floating in the air while rotating in 360 degrees. Our solution was this small DIY mini platform with two tiny stands made out of metallic paperclips that we then plugged into the piece of cardboard foam...".

Click on this image to read the full post that also shows a completed 360 video of one of the finalized flashlights (there was about a hundred of those!).


Sample 360 product photography setup using flashlights

 

Bookmark and Share

Cool 360 Photography By Low Alpine

by WebRotate 360 April 22, 2013 12:33

Here is another recent example of an excellent implementation of a 360 product view that we think truly stands out.

Produced by Lowe Alpine to showcase their high-tech backpacks, these 360 degree photos deliver one of the best online product presentations we've seen so far. See one of the sample 360 views here or just click on the image:

 

Example 360 degree product spin with hot-spots

 

The backpack pages feature nicely blended high-quality 360 product photography with neatly organized hot-spots, all tastefully crafted into website's look and feel (notice how all of our standard toolbar graphics have been overriden with custom imagery).

We are glad that the guys at Lowe Alpine picked our WebRotate 360 Product Viewer and put it into a good use!


Bookmark and Share

360 Product Views In OpenCart Are Now Possible

by WebRotate 360 April 04, 2013 15:48

Check out our brand new extension for OpenCart! As with our new WordPress module we released the other week, this extension features all of our latest enhancements and fixes that we have introduced so far in our core product WebRotate 360 Product Viewer. Like the awesome full-screen capability that you can see in this demo below. And yes, for those of you who wanted hot-spots in full-screen, this is now also possible.


To make a long story short, please see this OpenCart 360 View Demo and if you would like to give it a try, just follow these simple steps:


Step 1. Download

Download our OpenCart module using this link:


Download Extension »

[UPDATE: get the latest version directly from OpenCart.com]


Step 2. Copy files

Unzip webrotate360_opencart_integration.zip on your local computer and copy all folders from the webrotate360 folder to the root of your OpenCart installation. This will not replace any existing OpenCart files unless you already had a previous version of WebRotate 360 module installed.


IMPORTANT: If you are using vQmod, just copy vqmod_webrotate360.xml located in the root of the package to your vqmod/xml folder and jump to step 6 below (skip steps 2, 3 and 4).


Step 3. Find header.php

If using vQmod, please skip this step and jump to step 6 below. Otherwise, please find the following file in your OpenCart installation:

<Your OpenCart folder>\catalog\controller\common\header.php


Step 4. Update header part I

Make a backup copy of header.php then open the original file for edit and enter the following three lines right after the first line that reads "<?php" at the very top:


global $__wr360Path; $__wr360Path = 'catalog';
if(defined('DIR_APPLICATION')) $__wr360Path = preg_replace('/.*\/([^\/].*)\//is', '$1', DIR_APPLICATION);
include $__wr360Path.'/controller/module/wr360/wr360header.php';
 


Step 5. Update header Part II

Enter the following line right after this statement "$this->render();" at the end of header.php and save the file:


$this->output = addWR360Headers($this, $this->output, $this->db);


Step 6. Activate module and configure

Go to your OpenCart Admin and select Extensions > Modules and
click [Install] next to the WebRotate 360 module. Then select module's [Edit] to enable the module and set the rest of parameters by following the text notes under each field.

To see our test 360 view (included with the module), just enter the following url under Config File URL in the table next to your test product (remember to enable it in the table): /360assets/sampleshoe/config.xml. Or use a full url including your domain name, eg http://yoursite.com/360assets/sampleshoe/config.xml:



Step 7. Finish


Click Save to activate your changes.

 

PS: if you haven't created 360 product views with WebRotate 360 Product Viewer before, you would first need to download our software and follow this simple video tutorial to create your 360 views first and then just upload them to your OpenCart installation via FTP.

 

Bookmark and Share

360 Views In WordPress Made Simple

by WebRotate 360 March 27, 2013 12:09

Our new 360 product viewer for WordPress is ready! This time it has been implemented from scratch using various feedback we received from the users of our old plugin. In short, we are now using shortcodes that make things much easier and provide greater flexibility in what you can accomplish with your 360 spin photography or rendered 3D product views.

 

Main plugin features include:

  • Ability to add multiple 360 product views on the same page or post.
  • Gallery mode to show your 360 product spins in an expandable popup gallery.
  • Support for loading images from CDN or external servers or using a single config xml for multiple 360 degree photos.
  • Dynamic 360 viewer resizing if your are using responsive WP themes that adjust their layouts based on browser or screen dimensions.
  • And a slew of other features included in our core product WebRotate 360 Product Viewer 3.5 beta such as:
  • Rotation inertia (i.e gradual slowdown of 360 rotation).
  • Full-screen support.
  • New hot-spot presentation modes.
  • Mouse-hover dragging.
  • Improved support for mobile viewing.
  • APIs and more..


Check out WebRotate 360 Product Viewer Plugin for WordPress with usage instructions and a demo link.

Installation is quite straightforward (requires at least WordPress 3.0):

  • Download and install WebRotate 360 Product Viewer for WordPress  
  • Activate the plugin via the Plugins page in your WordPress Admin.
  • Upload your 360 product views published in WebRotate 360 SpotEditor to a chosen location on your WordPress server via FTP.
  • Review additional instructions for further details on how to configure shortcodes for your 360 product photos.

 

DOWNLOAD PLUGIN »


PS: if you haven't created 360 degree product spins with WebRotate 360 Product Viewer before, download our 360 photo publishing software (SpotEditor) and follow this video tutorial to create 360 product views on your desktop and then upload them to your WordPress installation via FTP.

 

Bookmark and Share

360 Product View In 180 Degrees. Why Not?

by WebRotate 360 March 22, 2013 18:44

Checkout this neat 360 product view by Triton Showers (and of course powered by WebRotate 360 Product Viewer). Note how their photographers decided to not show the back of the product which makes perfect sense - much simpler to mount and produce 360 degree product photography while showing only the sleek front and sides.

Why we like this one even more:

  • The use of a clean light-box popup.
  • Image-based interactive hot-spots.
  • Excellent 360 degree spin photography.
  • Cool touch shower with a temperature control - we want one!

 

To see it in action use this link or click on the image:

Example 360 degree product view with hot-spots

Bookmark and Share

Fix for Internet Explorer 10 Mouse Drag Issue

by WebRotate 360 March 06, 2013 22:59

If you haven't heard already, Microsoft has just released their flagship Internet Explorer 10 (IE10) for Windows 7 about a week ago, which we believe will spread pretty quickly.

We have identified a critical issue in this latest IE10 release for Win7 that breaks mouse dragging in all 360 product views running in JavaScript mode with WebRotate 360 Product Viewer v3.0 and also the latest WebRotate 360 Product Viewer Beta 3.5 build 111 (limited release).

To fix the issue in your existing v3.0 deployments, please download imagerotator.js using the following link (the file is inside the zip) and copy it over imagerotator.js located under your imagerotator/html/js folder on your webserver. To update your SpotEditor (desktop) installation, please first find imagerotator.zip in your SpotEditor application installation folder and replace imagerotator.js inside this zip (located under html/js inside the zip).

 

DOWNLOAD FIX FOR V3.0


PS: if you are using the latest 3.5 release of our 360 photography software (it's just a couple of weeks old, so very few folks are using it at the moment), you can download updated build here. Only imagerotator.js under imagerotator/html/js has been affected since the last beta drop.

 
Bookmark and Share

360 View of The Famous Lucy Now Powered by WebRotate 360

by WebRotate 360 February 28, 2013 15:59

Here's a pretty interesting 360 view of the Creation Museum's 3D model of Lucy published in the digital edition of the Answers magazine. It's always nice to see our hot-spots in action - turns out they are great not just for the 360 product photo annotations but for historical records as well!

 

This is not the first time our WebRotate 360 Product Viewer came handy in showcasing historical artifacts. We've also helped The Metropolitan Museum of Art in New York and Natural History Museum of United Kingdom in London with their 360 object photography. Museums are looking into enhancing their web presence these days and our interactive 360 photography software helps achieving this goal.

We think that's the way to go!

 
Bookmark and Share

Testing SpotEditor on Apple's Mac OSX 10.8

by WebRotate 360 February 25, 2013 15:31

Just wanted to share a post from our forum with the current status of Mac OSX 10.8 support (confirmed by the client):

-----------------------------------------------------------------------------------------------------

We have done a few more tests on clean OSx 10.8 with latest updates, and SpotEditor seems to be working fine as-is (the same copy as in our free 360 viewer download).

To make it work on OSx 10.8 we have installed the latest X11 2.7.4 via
http://xquartz.macosforge.org/landing/

And you also need to install Mono framework using this link (same as as per our readme in the free download):
http://download.mono-project.com/archiv ... in.x86.dmg

Also, it looks like you have to restart your computer after initial installation of X11 on fresh Mac OSx for it to start working with our app.

 
Bookmark and Share

Powered by BlogEngine.NET 2.0.0.36
Theme by Mads Kristensen | Modified by Mooglegiant

About this Blog

WebRotate 360 are specialists in interactive e-commerce solutions, web and software development for Internet retailers, product manufacturers, and marketing agencies.

We're a team of great individuals who bring our commitment, passion and skills to help you showcase your products online.


Follow on Twitter  Follow on Facebook  Join us on Google plus  Follow on YouTube  Subscribe to this blog  

Back to WebRotate360.com »

360 Photography Articles

Browse our 360 product photography articles and tutorials

Find us on Facebook

Newsletter, November 2016

WebRotate 360 spin newsletter

Newsletter Signup

Subscribe to our regular newsletter updates and keep current with WebRotate 360 news, including our latest tips and tricks, new equipment guides, promotions, coupons, product releases and more.

Featured Product

Browse 360 photography equipment on photogear360

DIY 360 Photography Turntable

Our Latest Video

360 Product Viewer PRO

Download our 360 product photography software

Follow on Twitter