jCarousel.Product (OpenCart Addon)

CLICK FOR DEMO

Supported OpenCart Versions:
================
v1.2.6, v1.2.7, v1.2.8, v1.2.9, v1.3.0, v1.3.1, v1.3.2, v1.3.3, v1.3.4, v1.4.0, v1.4.4


What does it do:
================
This adds the popular "jCarousel" feature to the product page for the additional images. It also adds a hover effect that when each thumbnail is hovered, it replaces the main image with a larger version of the thumbnail.


Main features:
==============
  * Thumbnails sized to main image size on hover
  * All code kept in its own file. Only a simple include is added to the product layout.
  * Does not break thickbox functionality when image is clicked.
  * Each individual thumbnail also can be clicked for thickbox popup.
  * Auto-hides the old Additional Images tab.
  * Can be used with my jQZoom module for multiple image enhancement effects.
  * Hides itself if there are no additional images.


How to install it:
==================
1) Unzip and upload the contents of the upload folder to the root directory of your OpenCart installation.
-- Nothing is overwritten

2) Under the Admin->Configuration->Settings "IMAGE" tab
Set: Additional Product Image Size: 75x75

3) Add includes to the layout:
   a) EDIT: catalog/view/theme/YOURTHEME/template/product/product.tpl
   b) FIND: </span></td>
   c) REPLACE WITH:
-------------------
</span><?php include ('catalog/view/javascript/jquery/jcarousel/jcarousel.oc.product.inc'); ?></td>
-------------------