Thread: Image Swatches Position & Zoom

How were they able to change the position of the picture swatches and include them within the large image pop up?

http://www.homesecuritystore.com/p-3...amera-kit.aspx

Moving the images/swatch around on the page can be done by modifying the XML package used for product display. The extra content on the 'view larger image' window is custom (note that it's popupzoom.aspx instead of the standard popup.aspx - they wrote a special page for the handling they wanted).

What the code line I have to move/modify within my XML package to reposition the color swatches?

I need to be able to move the "color swatches" above the price or below the description. How would I do it?

Actually, you will need to modify the AspDotNetStorefrontCore.XSLTExtensionBase.LookupPr oductImage method. This method actually controls the placement of the Product image, Multi-Images/Macro and Color Swatches...

Where is that file located? Can you can guide me in the right direction from where to modify the code? Thanks in advanced!

I found the file and found LookupProductImage, but what modifications do I have to make to move the color swatch above the price? I am sorry for the dump questions, but I am pretty new at this and would appreciate all the help!

Yes, all it takes is moving these lines of code:

Code:

               if (SwatchPic.Length != 0)
                {
                    tmpS.Append(SwatchImageMap);
                    tmpS.Append("<br/><img border=\"0\" src=\"images/spacer.gif\" width=\"1\" height=\"4\"><br/><img border=\"0\" style=\"cursor:hand;cursor:pointer;\" src=\"" + SwatchPic + "\" usemap=\"#SwatchMap\" border=\"0\" />");
                }

However, you will also need to alter the table structure of the XML package considering that the Price and Description is rendered through the XMLpackage whilst the Image, Multi and Swatch is only rendered through the method call (aspdnsf:LookupProductImage)

Anyone willing to do this for a price?

is the swatch image still hard coded in the source code?
I would like to change the position of the image to a different location.

Any ideas, thank you