Hi Buck,

When you purchase Smith Cart or download the trial version look in the zip package downloaded for “zoom-files.zip” and follow the instructions listed below to setup the Zoom javascript and css support files:
1. Extract zoom-files.zip to a new folder on your PC or Server.
2. Copy the jqzoom.css to your \CSS folder off the root of your server DNN install.
3. Copy the \JS files extracted to your \JS folder off the root of your server DNN install.
4. Copy the zoomloader.gif in the \Images folder extracted to your \Images folder off the root of your server DNN install.
5. Open up the productdetails.ascx page located in the \desktopmodules\smithproductdetails folder and uncomment the zoom script section at the top of the page.

Please Note: You should already have a \JS folder so just copy the .js files to your existing \JS folder. You may not have a CSS folder so copy the CSS folder as is with the lightbox.css file in it.

You only need to copy the zoom support files if you want to enable the zoom feature on the product details page.

Kevin

At the top of productdetails.asx the following are the two sections that you need to uncomment.  I have uncommented the sections so you should be able to cut and paste the zoom scripts below:

<%--Zoom Live Server--%>
<link rel="stylesheet" type="text/css" href="/css/jqzoom.css" />
<script type='text/javascript' src='/js/jquery-1.3.2.min.js'></script>
<script src="/js/jqzoom.pack.1.0.1.js" type="text/javascript"></script>

<%--Zoom Uncomment this section if you want to enable zoom--%>
<script type="text/javascript">

    var jqzoomOptions = {
        zoomWidth: 300,
        zoomHeight: 300,
        title: false
    }
    
    jQuery(function() {
        jQuery(".jqzoom").unbind();
        jQuery(".jqzoom").jqzoom(jqzoomOptions);
    });

    function SwapImage1() {

        var setImage1 = document.getElementById("<%=hdPic1.ClientID%>").value;
        document.getElementById("<%=Image1.ClientID%>").src = setImage1;

        var setZoomImage1 = document.getElementById("<%=hdZoomPic1.ClientID%>").value;
        document.getElementById("<%=myMainImage.ClientID%>").href = setZoomImage1;

        //jQuery(".jqzoom").unbind();
        //jQuery(".jqzoom").jqzoom(jqzoomOptions);

        return false;
    }

 

---

At your service,
Dave Smith