Blog | WebRotate 360 | Page 7

First Preview of Beta 3.5

by WebRotate 360 January 09, 2013 12:29

This is just a quick preview of several major features and fixes coming in the new WebRotate 360 Product Viewer 3.5 release (use the link below to open the demo in your browser):

  • Full-screen option in JavaScript mode. As you probably know, we're discontinuing Flash support going forward with the 3.5 release and the only feature we were lacking in pure JS mode was the full-screen capability. Well, thanks to the recent enhancements in major browsers this became possible to implement in Firefox, Chrome, Safari and also to some extent in IE and Opera (the last two will show a full-browser view vs full-screen that we usually expect from Adobe Flash). This demo below uses a separate high-res image set for the full-screen viewing (the same images used for the deep zoom), but you can also use your main set of images for the full-screen which will remove the initial loading while in the full-screen mode and you can even pass a different configuration as a viewer parameter so that your full-screen can use completely different images and viewer settings (this is not shown in this preview).
  • Multiple viewers on the same page. Many of you have asked about it and now it's done!
  • jQuery plugin support. It's now possible to use our 360 viewer as a generic jQuery plugin. Sweet...
  • Inertia or gradual slowdown of a 360 degree spin. There's also a couple of settings in SpotEditor that will allow you to adjust how fast and responsive the inertia should be.
  • This release addresses the issue with Firefox white image flashing during rotation which was caused by this Firefox bug and was most prominent in the latest FF 17 releases. Our workaround for Firefox browsers fixes the flashing. Hopefully when the Firefox bug is fixed by Mozilla team, we could disable this workaround for good.
  • The hot-spot issue on Android stock browser and Android Chrome where hot-spots wouldn't stay up under certain conditions is also fixed in this preview.

 

PS: there're few other major enhancements in 3.5 that we are not ready to preview yet (extensive API support is one of them for example).

[March 07, 2014 - You can now download full Beta release for Windows and Mac OS X on our main download page under DOWNLOAD LATEST BETA 3.5]

 
Bookmark and Share

Happy New Year!

by WebRotate 360 December 30, 2012 14:54

Just would like to thank all of our users, clients and friends for your continued support, feedback and engagement during this banner year.

You are awesome. With your help, we were able to achieve a lot in 2012 and we look forward to go even further in 2013 with our upcoming 360 degree software releases, cool new services and innovative 360 photography products that we are planing to add to our spanking new online store at PhotoGear360.com

Once again, thank you everyone and we wish you a happy, healthy New Year!

Your WebRotate 360 team.

Will 360 views work for Google Shopping?

by WebRotate 360 November 30, 2012 16:52

In this new post on PhotoGear 360, we are discussing some cool news that just came from Google the other week, and specifically that Google Shopping now supports 360 product views. That's right! This is awesome developments though that puts a lot of weight into what we have been doing here at WebRotate 360. Checkout our post as we ponder the challenges and opportunities to expect from the new feature in Google Shopping. Here's a short extract to get you started:

... What this means for Google is that their main audience for this new service is going to be product manufactures and not the resellers who so far is the primary target of Google Shopping. Resellers don’t like to spend too much on quality still shots left alone 360 photography, and the idea of sharing such unique imagery with their competition in Google Shopping the way it works now is not going to fly with these folks very well. On the other hand, high quality product photography and 360 views especially remain an important differentiators that some retailers rely on to compete for their clients. This differentiator will be lost if these images are shared between several competing retailers in Google Shopping, and frankly would make the shopping quite boring. Even today...  


Google Adds 360 Product Views to Google Shopping


 
Bookmark and Share

Announcing PhotoGear 360 - Our New 360 Photography Equipment Store

by WebRotate 360 November 15, 2012 14:59

Today we have officially announced our new online store for 360 photography equipment and software, PhotoGear360.com. Here's an extract from our press release:

Pasadena, CA (PRWEB) November 15, 2012 -- WebRotate 360 LLC has announced today the launch of its new online 360 photography equipment store, featuring best in class photography hardware, software and accessories for product photography studios, online retailers, computer game developers and alike. The new website can be found at PhotoGear360.com.

The website has a selection of heavy-duty robotic 360 product photography turntables, lighting solutions and software, designed specifically for automated photography workflows and optimized 360 degree image capture.

The company also offers its local customers an on-site assistance with the setup of 360 product photography studios using the equipment and software distributed through PhotoGear360.com.

Full text of the press release can be found here

 
Bookmark and Share

Mastering 360 Product Photography ~ Part I

by WebRotate 360 October 25, 2012 12:59

Check out our new post on PhotoGear 360 (our new 360 photogrpahy equipment store) that opens a 4-part series where we will share most important aspects of 360 product photography that we've learned here in our WebRotate 360 stuido. These chapters will cover everything from the basic alignment of your camera and the turntable to more involved topics such as 360 photography lighting, product suspension, post-production of your 360 product images and more. Below is a small extract from Part I that has some good details on the camera alignment when using a DIY 360 photography setup:

If you are not using the included software (can be the case with our do-it-yourself 360 photography turntable) follow these steps. Place and center a tall rectangular object such as the wooden brick in the picture or a similar item on the turntable positioned for your first product shot, put your camera center point (via viewfinder) at the imaginary line going through the rotation center, then snap a test photo and review the image on your computer screen. The idea is to verify that the top edge of the brick (aligning edge 2 on the image below) is not angled in any way in relation to the top or bottom edge of your monitor screen or your image viewing application (screen edge 1).

Keep adjusting your tripod head until you can see that both edges are parallel, while making sure that the left and right distances from the brick to the image borders (marked green) are equal and that you camera center point is still at that imaginary rotation axis. When you replace the brick with your product aligned for your first 360 degree product photo, this would guarantee that the rest of the rotation will be well-balanced.

 

 

Quick tip: if not using the Ortery PhotoCapture 360 software that comes with our turntables, you may need to install remote shooting software that usually comes with the DSLR cameras to quickly snap and evaluate your test images on your computer or laptop screen.

 

Read the full article »

 
Bookmark and Share

360 Views in Prestashop. Integration Released.

by WebRotate 360 September 21, 2012 15:25

[UPDATE: Jan 20, 2015] Our completely reinvisioned & reworked module for PrestaShop 1.6.x has been released. Find out more HERE


Follow this simple guide to integrate WebRotate 360 Product Viewer into your Prestashop web store. Once integrated, your visitors will see an interactive product view with zoom capability, 360 rotation, extensive hot-spot / annotation features (and more!) conveniently located in place of the main product image (if configured for a given product).

Prestashop sample 360 product view integration

The current version of the integration was tested on 1.4.x (including 1.4.9) and 1.5.


Step 1 - Download and copy necessary files

Download WebRotate 360 Prestashop Integration, unzip, and copy files and folders as follows (you can also install directly under Modules in the Admin - please still follow these exact steps below):

  1. Copy 360assets folder to the root of your Prestashop site (it's just a sample 360 product view).
  2. Copy AdminWebRotate360.php from webrotate360/admin/tabs into your admin/tabs folder.
  3. Copy WebRotate360.php from webrotate360/classes into your classes folder under site root.
  4. Copy webrotate360 folder from webrotate360/modules into your modules folder located in the root (overwriting any files that were created there automatically if installed using the Add from my computer option or directly from the Prestashop Addon Marketplace).

 

Step 2 - Install

Login in your Prestashop admin and navigate to the Modules section. Then expand Others section in the Modules list or use Search box and type webrotate to quickly find the module. Once found, select Install to install the module. Remember to backup your database before proceeding with the installation to ensure that you can restore your data if something goes wrong with the module.

Once the module is installed, please select Configure and carefully read the instructions.

Step 3 - Configure

In the most basic setup you don't need to enter anything on the module configuration screen (see immediately below). Important: if using Prestashop 1.5, please still enter your desired width and height of the viewer on your product pages or just style #image-block in your theme's CSS to have fixed width and height as Prestashop 1.5 doesn't have fixed dimensions for #image-block style in the default theme.


Step 4 - Create Admin Tab


In Prestashop version 1.4.x or lower navigate to the Employees tab and select Tabs immediately below. Then select Add new and enter WebRotate360 as Name and AdminWebRotate360 as Class. Leave the Module field empty. Set Parent to Catalog. You can also assign a tab icon that is included in the supplied zip under admin as tab_logo.png.

Save the tab which will now appear in the menu under your Catalog in the Prestashop Admin.


Step 5 - Assign Product Views

Navigate to your Catalog and note the new menu called WebRotate360 at the end of the first line below the Catalog tab (Prestashop 1.4.x). Expand the new tab and select Add new.
Carefully review the instructions and follow these steps to try the test 360 rotation (sampleshoe) included with this package:

  1. Select your test product from the Product combo-box.
  2. Give this view a unique name that you could later recognize (e.g same as your product name for example).
  3. Enter Config URL which would be http://yourdomain/360assets/sampleshoe/config.xml that you have copied in the first step of this integration guide.

Now the sample 360 degree spin should be visible when you expand your test product page in the Prestashop front-end of your store.

To create your own interactive views download our software on our standalone product viewer page, watch tutorial videos located on the same page, or use our new forum for additional information.
Visit our new equipment store to browse professional 360 photography equipment that we use in our own studio.


Appendix. Creating Admin tab (menu) in Prestashop 1.5

Prestashop 1.5 has a different location for adding your WebRotate360 Admin tab (now called menu) as discussed in the Step 4. To add the new Catalog menu for WebRotate360 in 1.5, please navigate to Administration->Menus, select Add new and enter the same information as discribed in Step 4. Once saved, the new menu will show up under Catalog.


 


[UPDATE: Aug 12, 2013]
If using
Prestashop 1.5.4.1 and up, please download updated AdminWebRotate360.php from here and overwrite the same file under your admin/tabs folder.

[UPDATE: Nov 04, 2013] If using Prestashop 1.5.6 and up please delete your /cache/class_index.php after installing the module.

[UPDATE: March 20, 2014] If using Prestashop 1.6.x, please download updated AdminWebRotate360.php from here and overwrite the same file under your admin/tabs folder  

 

[UPDATE: Jan 20, 2015] Our completely reinvisioned & reworked module for PrestaShop 1.6.x has been released. Find out more HERE


If you're still having issues with the module, please let us know on our forum here.

 
Bookmark and Share

WebRotate 360 - Quick Facebook Integration Guide v1.0

by WebRotate 360 September 03, 2012 16:57

Follow this simple guide to integrate WebRotate 360 Product Viewer into your Facebook pages. Once integrated, your Facebook visitors will be able to see extra tabs such as these ones on Pepsi's Facebook page. These tabs can be clicked on and expanded to show your 360 view presentations embedded inside your Facebook pages. It's important to understand that the Facebook tabs only allow embedding content that you host on your own or third-party servers.


Step 1 - Visit Facebook Developer page

Login in Facebook using your Facbook account, and visit this page: https://developers.facebook.com/apps


Step 2 - Create new Facebook App

Select Create New App in the top-left corner and give your new app a unique name. You can leave namespace field empty. Also for the purpose of this guide, we will use your own web hosting so you can skip on the Heroku hosting offer at this time.

Add 360 product spins to your Facebook pages

Select continue, enter the Security Check Requirements and then Submit your new application. Once loaded you will see the Settings page for your new application.


Step 3 - Configure Basic Information

Since this application will only be used on your own Facebook page, you can skip most of the information on the Basic Info tab and proceed directly to the Page Tab section as is.

Expand the Page Tab section located on the bottom of the Settings page. Give your tab a name and select an image that will show on your Facebook page once this tab is finalized. The image can be a nice 360 arrow graphic with your product or showcase. Set Page Tab Width to wide (810px) to give your interactive content more space inside the Facebook page.


Step 4 - Create You 360 Content

Create your 360 product spin using WebRotate 360 SpotEditor inlcuded in the free download and copy a published folder via FTP to your server. To learn more about SpotEditor, please refer to this video tutorial.

Note the location of the auto-generated html page created by SpotEditor and ftp'ed to your server and enter the URL to this html file on your server under Page Tab URL and Secure Page Tab URL under Page Tab section on the Settings screen (use https:// instead of http:// at the front of the URL secured URL).

If you don't have an SSL certificate configured on the server where you are hosting 360 degree product photos, the integration will still work for those visitors who don't have secured browsing enabled in Facebook, which is most of the Facebook users at this time. But you should consider configuring an SSL certificate to ensure this Facebook integration will work for everybody going forward.

Verify that the URLs point to your 360 degree spin and select Save Changes.


Step 5 - Add New Page Tab

Now that you have finished with the configuration of your Facebook Page Tab, you can use this URL below to add the new tab to your Facebook page. But first you will need to replace YOUR_APP_ID with the APP_ID that Facebook assigned to your application (you can see it in the image above under Step 3).

http://www.facebook.com/dialog/pagetab?app_id=YOUR_APP_ID&next=http://www.facebook.com

Copy this URL and paste it into your browser and then select your Facebook page where you want to integrate the new tab. It should look like this:

 
Bookmark and Share

360 Viewer Support Forum Launched

by WebRotate 360 August 25, 2012 12:32

Just a quick announcements - our brand new viewer Support Forum is now live. It's frighteningly empty right now but we are determined to make this board one heck of a helpful resource for all of us involved in using and developing this 360 photo software. We hope that it will help gathering a wealth of information and various tips and tricks that otherwise go unnoticed or lost and can be a cause of frustration for those folks who are just starting with this technology.

We are ready to jump right in and make it work for you and share everything we know. Guest accounts are enabled, so don't hesitate to start a conversation!

Thanks to rmlowe for this great Flickr image of the Roman forum.

 
Bookmark and Share

SpotEditor Now Supports Mac - Download Beta

by WebRotate 360 August 17, 2012 14:13

The title pretty much says it all - finally after some delays and broken promises we have something to offer to our Mac users! It doesn't look like your usual slick Mac app yet (coming later), but it gets job done and that's what matters. So if you are a Mac user, you can now create 360 views quickly and efficiently with our SpotEditor for Mac (beta) and benefit from the variety of unique features for 360 product photography and 3D modeling / CGI that we offer in WebRotate 360 Product Viewer.

Download SpotEditor for Mac (beta)

There are two prerequisites that you will need before SpotEditor can run on Mac which the app will warn you about if they are not installed already:

1. X Windowing Layer (X11), which is often already installed on older Mac machines under Applications->Utilities or bundled with Mac Install DVD (and also required if you run apps such as GIMP, Matlab or OpenOffice for example) but may need to be downloaded and installed manually if you are running newer releases of Mac OS. The XQuartz project provides this free software and you can download the most recent version of X11 app on their website here.

2. Free Mono Framework build 2.10.9_12 that you can download from Mono website using this link. To learn more about Mono project, please visit this page.
 Now included with the main software download. Just go though the readme in the Mac download.

Simply unzip SpotEditor.app.zip on your desktop and you are ready to go (checkout this video that shows the software in action).

The very first run of SpotEditor may not be successful (due to a known issue with X11 on Mac) - simply run it one more time and it should be starting fine from now on.

We're looking forward to any feedback concerning this release as we want to ensure that Mac users have the tools they need.

WebRotate 360 product photography software for Mac

 
Bookmark and Share

Quick Tutorial - Creating 360 Views With WebRotate 360 SpotEditor

by WebRotate 360 August 16, 2012 17:09

There have been a few requests recently for a video tutorial for SpotEditor, and so we finally have our first video or rather a demo that shows SpotEditor v3 in action (switch to HD if you have enough bandwidth).

You can download the software on our 360 viewer download page.

 
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