Adding Alternate Item Images

NRO: Catalog (horizontal top menu)/ Manage Products / [open an item] / Images

You can assign cell-specific images for your gridded items so that when a shopper selects a different color or style, the image changes accordingly.

TIP: A naming convention is required to manage your gridded item images. This naming convention allows NRO to recognize that it the image is associated to a base item number, and will act as an alternate item image, or as another color / style in a swatch. See detailed naming information below.

*NOTE: You must have an item detail image in order for "image swapping" to work.

#APP-1920, name the color-specific images:

APP-1920^navy.jpg
APP-1920^ocean.jpg
APP-1920^red.jpg

When viewing the image in your storefront, selecting a new color or style will automatically change the image show. You will also be able to view these alternate images by clinking the thumbnails below the base item image.

Naming rules:

2) For products with multiple views (e.g. front, back, side, etc.), name the additional images exactly as you would for Counterpoint, where the SKU is followed by the caret symbol ( ^ ), followed by whatever text you want (e.g. ^front, ^back, ^side, etc.).

Suppressing Specific Colors or Sizes

For gridded items, all colors and sizes that are ‘stocked’ at your publishing location will be available for sale in your online store.

If you don’t want to sell specific colors or sizes online, you have two options:

In Counterpoint: Mark specific colors or sizes as ‘not stocked’ at the location you use to publish your ecommerce items.
(NOTE: If you publish quantities from all locations, all colors and sizes will be eligible for online purchases.)
In NRO: Mark specific colors or sizes as "Exclude" from the item images tab in the Product Information section.

TIP: Learn more about publishing data from one or more locations in "Publishing Ecommerce Data”.

Changing the Color/Size Labels

NRO: Catalog (horizontal top menu) / Manage Products /[open an item] / Images

Item labels can be changed under the Images tab on your Product Information screen. These labels will affect the mouse roll-over text seen by a customer when viewing the item search results. By default, image labels are blank,and will display the item name for roll-over text. For example, if a customer searches for Polo shirts, when the customer rolls their mouse-over a Patagonia Striped Polo Shirt, they should see that same item text.

By changing the item label, you will change the roll over text for items during searches. As a merchant, you can use these labels to add additional quick details to items if you want to display more than just the item name during the mouse roll over.

Creating Alternate Images for Items that Aren't Gridded

*NOTE: You must have an item detail image in order for the alternate images to display.

Naming rules:

1) Product image names always start with the item’s SKU

Examples:

Item – XYZ789 (non-gridded)	Correct way to name the image	How the image name appears after being uploaded to NRO
XYZ789 (main img)	XYZ789.jpg	XYZ789.jpg
XYZ789 (alt img)	XYZ789^front.jpg	XYZ789_front.jpg
XYZ789 (alt img)	XYZ789^back.jpg	XYZ789_back.jpg
XYZ789 (alt img)	XYZ789^side.jpg	XYZ789_side.jpg

Article ID: 375
Created On: Fri, Oct 12, 2012 at 7:20 AM
Last Updated On: Wed, Mar 9, 2016 at 8:20 AM

Online URL: http://help.ncrretailonline.com/article/adding-alternate-item-images.html

Item – ABC-123 comes in Red & Blue	Correct way to name the image	How the image name appears after being uploaded to NRO
ABC-123 - Parent (main img)	ABC-123.jpg	ABC-123.jpg
ABC-123 - Parent (alt img)	ABC-123^back.jpg	ABC-123_back.jpg
Child – Red (main img)	ABC-123^red.jpg	ABC-123_red.jpg
Child – Red (alt img)	ABC-123^red^back.jpg	ABC-123_red_back.jpg
Child – Blue (main img)	ABC-123^blue.jpg	ABC-123_blue.jpg
Child – Blue (alt img)	ABC-123^blue^back.jpg	ABC-123_blue_back.jpg

Item – ABC-123 in red/blue and small/large – merchant doesn’t want to create size-specific images	Correct way to name the image	How the image name appears after being uploaded to NRO
ABC-123 - Parent (main img)	ABC-123.jpg	ABC-123.jpg
ABC-123 - Parent (alt img)	ABC-123ABC-123^back.jpg	ABC-123_back.jpg
Child – Red/Small (main img)	ABC-123^red.jpg	ABC-123_red.jpg
Child – Red/Small (alt img)	ABC-123^red^back.jpg	ABC-123_red_back.jpg
Child – Red/Large (main img)	ABC-123^red.jpg	ABC-123_red.jpg
Child – Red/Large (alt img)	ABC-123^red^back.jpg	ABC-123_red_back.jpg
Child – Blue/Small (main img)	ABC-123^blue.jpg	ABC-123_blue.jpg
Child – Blue/Small (alt img)	ABC-123^blue^back.jpg	ABC-123_blue_back.jpg
Child – Blue/Large (main img)	ABC-123^blue.jpg	ABC-123_blue.jpg
Child – Blue/Large (alt img)	ABC-123^blue^back.jpg	ABC-123_blue_back.jpg

Item – ABC-123 in red/blue and dots/stripes	Correct way to name the image	How the image name appears after being uploaded to NRO
ABC-123 - Parent (main img)	ABC-123.jpg	ABC-123.jpg
ABC-123 - Parent (alt img)	ABC-123^back.jpg	ABC-123_back.jpg
Child – Red/Dots (main img)	ABC-123^red^dots.jpg	ABC-123_red_dots.jpg
Child – Red/Dots (alt img)	ABC-123^red^dots^back.jpg	ABC-123_red_dots_back.jpg
Child – Red/Stripes (main img)	ABC-123^red^stripes.jpg	ABC-123_red_stripes.jpg
Child – Red/Stripes (alt img)	ABC-123^red^stripes^back.jpg	ABC-123_red_stripes_back.jpg
Child – Blue/Dots (main img)	ABC-123^blue^dots.jpg	ABC-123_blue_dots.jpg
Child – Blue/Dots (alt img)	ABC-123^blue^dots^back.jpg	ABC-123_blue_dots_back.jpg
Child – Blue/Stripes (main img)	ABC-123^blue^stripes.jpg	ABC-123_blue_stripes.jpg
Child – Blue/Stripes (alt img)	ABC-123^blue^stripes^back.jpg	ABC-123_blue_stripes_back.jpg

Item – ABC-123 in red/blue and dots/stripes and oval/square	Image name on CP system	Image name as uploaded to NRO
ABC-123 - Parent (main img)	ABC-123.jpg	ABC-123.jpg
ABC-123 - Parent (alt img)	ABC-123^back.jpg	ABC-123_back.jpg
Child – Red/Dots/Oval (main img)	ABC-123^red^dots^oval.jpg	ABC-123_red_dots_oval.jpg
Child – Red/Dots/Oval (alt img)	ABC-123^red^dots^oval^1.jpg	ABC-123_red_dots_oval_1.jpg
Child – Red/Dots/Square (main img)	ABC-123^red^dots^square.jpg	ABC-123_red_dots_square.jpg
Child – Red/Dots/Square (alt img)	ABC-123^red^dots^square^1.jpg	ABC-123_red_dots_square_1.jpg
Child – Red/Stripes/Oval (main img)	ABC-123^red^stripes^oval.jpg	ABC-123_red_stripes_oval.jpg
Child – Red/Stripes/Oval (alt img)	ABC-123^red^stripes^oval^1.jpg	ABC-123_red_stripes_oval_1.jpg
Child – Red/Stripes/Square (main img)	ABC-123^red^stripes^square.jpg	ABC-123_red_stripes_square.jpg
Child – Red/Stripes/Square (alt img)	ABC-123^red^stripes^square^1.jpg	ABC-123_red_stripes_square_1.jpg
Child – Blue/Dots/Oval (main img)	ABC-123^blue^dots^oval.jpg	ABC-123_blue_dots_oval.jpg
Child – Blue/Dots/Oval (alt img)	ABC-123^blue^dots^oval^1.jpg	ABC-123_blue_dots_oval_1.jpg
Child – Blue/Dots/Square (main img)	ABC-123^blue^dots^square.jpg	ABC-123_blue_dots_square.jpg
Child – Blue/Dots/Square (alt img)	ABC-123^blue^dots^square^1.jpg	ABC-123_blue_dots_square_1.jpg
Child – Blue/Stripes/Oval (main img)	ABC-123^blue^stripes^oval.jpg	ABC-123_blue_stripes_oval.jpg
Child – Blue/Stripes/Oval (alt img)	ABC-123^blue^stripes^oval^1.jpg	ABC-123_blue_stripes_oval_1.jpg
Child – Blue/Stripes/Square (main img)	ABC-123^blue^stripes^square.jpg	ABC-123_blue_stripes_square.jpg
Child – Blue/Stripes/Square (alt img)	ABC-123^blue^stripes^square^1.jpg	ABC-123_blue_stripes_square_1.jpg