- Add 360 or 3D product views anywhere on your OpenCart product pages.
- Use the "best of bread" 360 & 3D product viewing engine that WebRotate has been perfecting since 2009.
- Comes with two modes for embedded and lightbox popup presentation with a gallery support.
- Relies on the industry standard vQmod for simple ad-hoc integration that doesn't break your website and is easy to rollback.
- The module doesn't modify any product tables in the OpenCart database, reducing the risk of damaging your setup.
- Includes simple yet powerful software to quickly publish interactive product views on your computer.
- Upload and host your published 360 product spins on your own web hosting.
- Configure viewer skins, track analytics or customize further via advanced APIs.
- Super responsive to look good on any device.
- 'Master' configuration is available to simplify deployment of a large number of product views.
- No recurring fees. Free version is available and both PRO and Enterprise editions is just a one-time payment if you decide to upgrade.
To see a live OpenCart demo with some of these capabilities, please follow this link:
In order to use this module please ensure that you already have vQmod installed. If not, follow these video instructions to get it installed first.
1Download module and copy files
Expand the Download tab above to see the list of module downloads and pick the one that matches your OpenCart version. Unzip 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 have a previous version of the WebRotate 360 module already installed.
Copy supplied vQmod xml files (located in the root of the module zip archive) under your vqmod/xml folder.
NOTE: There are two vQmod files starting with version 1.5.x of this module:
- vqmod_webrotate360_header.xml (header vQmod) activates most of the features except for the integrated product gallery and should work with any OpenCart v2.x theme.
- vqmod_webrotate360_def_product.xml (def_product vQmod) is fine-tuned for those OpenCart v2.x themes that are more or less based on the default OpenCart v2.x implementation of product.tpl located under your theme folder. There's a chance that def_product vQmod will not work with your theme. Please email us (support at webrotate360 dot com) if this is the case as we can recommend a small change to your product.tpl to activate the full-featured integration.
3Activate module and configure
Login to your OpenCart Admin and navigate to Modules:
- Click Install next to the WebRotate 360 module.
- Click Edit to enable the module and set the rest of the parameters by following the text notes next to each field.
- To see a sample 360 product view supplied with this module, just enter the following url under Config File URL in the Products table next to your test product (remember to enable it in the table as well): /360assets/sampleshoe/config.xml. Or use a full url including your domain name, e.g http://yoursite.com/360assets/sampleshoe/config.xml.
4Publish and upload your 360 product views
Download our desktop software and publish a 360 product view using your own product images or use our sample images that are linked under additional resources. FTP upload is available inside the software or you may upload the published assets manually (via FileZilla, etc). You only need to upload a single folder located under published/360_assets of your published SpotEditor project for each product view. You may also publish multiple 360 product views into a single 'published' location and upload all product views at once.
5Set viewer dimensions and skin
Use Width, Height and optionally Base Width and Minimum Height fields to define the best dimensions and responsive scaling rules for your OpenCart theme. Hover over the field names inside the module dashboard to see additional information.
Most website layouts would use 100% as the viewer width and keep the base width either empty (which prevents viewer height from scaling responsively) or set the base width to the width of the viewer in its fully expanded desktop view. You can then control the minimum height to make sure the viewer height still makes sense on small mobile screens as the height will scale proportional to the width of the viewer when base width is specified.
Note that the popup mode requires pixel dimensions for both width and height and doesn't respect the minimum height property. It adjusts the viewer dimensions to fit into a smaller screen size automatically.
To download WebRotate 360 Product Viewer for OpenCart, click on a module link below that matches your OpenCart release (shown inside brackets).
Version history for older releases as well as the version history of the core viewer and publishing software can be found here.
WebRotate 360 Product Viewer for OpenCart [v1.6.0] *20-Sept-2016
- [+] Module was reworked to support OpenCart 18.104.22.168 and OpenCart 2.3.x.
- [+] 360 product viewer core has been upgraded to v3.6 release candidate (lots of new features including full 3D spin / multi-row support).
- [+] Admin dashboard was reworked to support latest features and look & feel (minimum height, analytics, API, etc).
- [+] Added support for the full-screen mode in popups (PRO).
- [!] Fixed product grid in admin such that all control styles are present.
- [!] Reworked folder structure to better reflect new module hierarchy in the latest OpenCart releases.