livechat

Plugin for OpenCart

This free OpenCart module has gone through several major iterations and has been successfully used by multitude of stores since 2013. The latest release adds polished new looks and incorporates all major features and enhancements that were recently released in the core viewer product.

  • For a quick youtube-style integration using iFrame, please refer to our user guide under Web Integration -> Embed via iFrame.
  • Features
  • Installation
  • Download
  • History

Features

  • 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 are 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:

Installation

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.

  • 2Apply vQmod

    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 theme.
    • vqmod_webrotate360_def_product.xml (def_product vQmod) is fine-tuned for the default OpenCart theme and specifically its product template (.tpl or .twig) implementation which is located under your theme folder. There's a chance that def_product vQmod will not work with your theme if product template is heavily customized. Please email us if this is the case as we can recommend a small change to your template to activate a 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 review available options 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 select Yes 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.
    WebRotate 360 Product Viewer for OpenCart - Admin page 1WebRotate 360 Product Viewer for OpenCart - Admin page 2

    It's very important to understand what the Placeholder option is. Our module uses this value (an html id or class) to identify a spot on your product page where to place the embedded 360 product view or a popup thumbnail. There's a default value (#wr360embed) that is pre-configured to work with the default OpenCart template, assuming it's compatible with supplied def_product vQmod as described above, but you may need to change it according to your template to make sure the module can find its placeholder on the product pages.

  • 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.

  • 6Load images from CDN or use master config (PRO)

    You can specify an alternative location of the 360 product images for each product using the Root Path field located next to Config File URL in the Products table (see the previous screenshot). The root path value is a URL that points to a folder with the "images" folder (e.g http://mycdn.com/360_assets/product1/). When it's configured, the module adds the relative image path from the viewer configuration xml to this root URL to create a combined image location. This is valuable when you need to host the image assets on a dedicated file server or CDN.

    The same feature can be also used to load multiple product views via a single "master" config xml (URL) which is configurable under the module settings as Master Config, assuming the number of images and their file names are the same across selected product views. If Master Config (URL) is set in the module admin, you don't need to specify Config File URL in the Products tabe for those products that share the same config, i.e you would only use Root Path, pointing to the "images" folder on your server or CDN.

Download

To download WebRotate 360 Product Viewer for OpenCart, click on a module link below that matches your OpenCart release (shown inside brackets).

History

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.7.0] *23-April-2018

  • [+] Integrated with OpenCart 3.x.
  • [+] Added latest v3.6.2 viewer core (released version).
  • [+] Added two new viewer skins (zoom_dark, zoom_light).
  • [+] Added two new popup skins (clean light, clean dark).
  • [+] Added custom viewer cursors, support for pause viewer on load, zoom on single click, and more.
  • [!] Fixed module issue where viewer's minimum height was not applied.

WebRotate 360 Product Viewer for OpenCart [v1.6.0] *20-Sept-2016

  • [+] Module was reworked to support OpenCart 2.2.0.0 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.

Subscribe to our newsletter

Sign up to our newsletter to keep a pulse on our latest developments, informative posts and beta releases. We don't abuse it!

Signup