Thread: Picture Swatches on the Side

Is it possible to have picture swatches on the side, like in this sample?

I have ML v8.0

Here is one of the examples that was done with ADNSF!

http://www.theresakathryn.com/p-49-c...-17-inch.aspx#

How can this be done?

If you have a source code, it only takes a little tweaking on the AspDotNetStorefrontCore.XSLTExtensionBase.LookupPr oductImage

What needs to be tweeked?

If you have the source, you'll need to tweak the arrangement of the
LookupProductImage method of the XSLTExtensionBase class under the AspDotNetStorefrontCore project, instead of just using <DIV>, you'll need to contain them using this pattern:
<table style="width: 100%;">
<tr>
<td>
PRODUCT IMAGE
</td>
<td>
MULTI-IMAGES
</td>
</tr>
<tr>
<td colspan = "2" align ="center"> View large image link
</td>
</tr>
<tr>
<td colspan = "2" align ="center">SWATCHES</td>
</tr>
</table>

Where exactly do we make that modification?

Look for LookupProductImage as mentioned by Jao inside XSLTExtensionBase.cs.

Is there a way to achieve what was done here, which is also ADNSF: http://www.theresakathryn.com/p-49-c...-17-inch.aspx#

If you click on the colors the other views change to an appropriate color.

That's already baked. First, you'll have to set the Color attribute for that product, then on the Product>Images tab under the Multi-Manager, set a picture for that particular Color attribute and that's it...

I got it! Thanks!

Is there a way to change the colors of the pictures swatches when different colors are selected? Right now when I select different colors, the pictures swatches color stays the same for all colors.

That isn't out of the box and would require a little customization work...

Is there a way to move the color swatches to a different place? Right now my color swatches are below my picture swatches, I would like to move them some where else on the page. Is that possible?