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.
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:
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
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
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
Add Comment
Subscribe to Article
Print Article
Email Article to Friend
Export to MS Word