image16.gif

 


 

 

Product Swatches

This plug-in is used to render product image swatches.

 

 

Implementation Steps

Follow the steps below to add the plug-in to a website.

 

Step

Action

1

Main Image Template (Optional) - The main image of the product which displays above the swatch images.

Default template: main_image_template

Available tags for this template are:

{$caption} - Places text from the product name.

{$large_image_uri} - The path to the large main image.

{$small_image_uri} - The path to the small main image.

2

Swatches Holding Template (Optional) - The swatches holding template which is used to wrap HTML around the additional output images.

Default template: swatches_holding_template

Available tags for this template are:

{$items} - Places the additional images inside the holding template.

3

Swatches Item Template (Optional) - The swatch image template.

Default template: swatches_item

Available tags for this template:

{$caption} - Places text from the Caption N Field mentioned below.

{$large_image_uri} - The path to the large swatch image.

{$link} - Only available when No Thumbnails is checked. This is used to place the HREF to the large image in a link.

{$small_image_uri} - The path to the small swatch image.

4

Main Image Field (Optional) - The product field to use for the main image. This is used by the {$small_image_uri} tag above in the Main Image Template.

Default field: Main Image

5

Large Image Field (Optional) - The product field to use for the large main image. This is used by the {$large_image_uri} tag above in the Main Image Template.

Default field: Large Image

6

No Thumbnails (Optional) - If checked the plug-in will only render the swatches as large images.

7

Alt Thumbnail Image N Field (Optional) - The product field to use for the small swatch image. This is used by the {$small_image_uri} tag above in the Swatch Item Template.

8

Alt Large Image N Field (Optional) - The product field to use for the large swatch image. This is used by the {$large_image_uri} tag above in the Swatch Item Template.

9

Caption N Field (Optional) - The product field to use for the swatch caption. This is used by the {$caption} tag above in the Swatch Item Template.

 

 

 

 

 

© 2015 CORESense · 1-866-229-2804 · info@coresense.com · 125 High Rock Avenue, Saratoga Springs, NY 12866