Home » Categories » Multiple Categories

Adding Alternate Item Images

Purpose:

To explain how create multiple images for an item.

Changing the Image for Different Colors (items that are gridded in Counterpoint)

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.

 

NRO Item Image Swap


Naming rules:

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

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.).

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



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


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.
NRO Item Image Suppression

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

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.).

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



 

Attachments Attachments
There are no attachments for this article.
Comments Comments
There are no comments for this article. Be the first to post a comment.
Related Articles RSS Feed
Why are there so many more items in the NRO Admin Panel than in Counterpoint?
Added on Fri, Feb 22, 2013
Removing Ecommerce Items from Your NRO Storefront
Added on Mon, Sep 10, 2012
Change The New and On Sale Banners For Your Item Images
Added on Fri, Feb 5, 2016
My third party shipping estimates are not accurate
Added on Fri, Apr 1, 2016
Selling Items with Multiple Units of Measure
Added on Tue, May 29, 2012
Only Displaying Preferred Unit Online
Added on Tue, Sep 11, 2012
ERROR: DIM_x_SEQ_NO > 2308
Added on Fri, Apr 1, 2016
Reports: Printing all Sale Items
Added on Tue, May 29, 2012
Item Reference Text
Added on Wed, Jun 5, 2013