Thread: Product Images

Does anyone know the best way to deal with this situation?
I have a few Distributors (Vendors) who have about 10-17 thousand products that we want to sell on our website. I understand how to use the Excel Product Import Template to bring in all of the data. What I don't get is how to integrate all of the product pictures. Most products come in different prints or colors. I am trying to avoid having to manually attach images to products/variants. Can someone please tell me how I can do this in a more automated way?

THANKS!

If the images are going to keep their current name, then just specify the product ImageFileNameOverride in the excel file and manually upload each of the images to the images/product/icon, images/product/medium, and images/product/large directories making sure the name is the same as what you've specified in the ImageFileNameOverride column of the excel sheet. Another option, if you're interested in resizing the images, may be to use WSI. You can actually upload the images through WSI and configure it in such a way that image resizing will take care of the images before they are saved

Thanks George,

Just to make sure I am explaining my situation clearly. Here is an example:

I have a product that is a pair of uniform pants. The pants come in either different solid colors or in prints. I have an image that I can display showing a model wearing each color/print, that I would like the customer to be able to click on. Manually I have used the Multi-Image manager to attach each image to each variant for the Medium Image size. This in turn created a swatch that was displayed when the product details were displayed. Here is a list of color examples for one particular product:

-ALOB, -BLKB, -BMTB, -CHOB, -CIEB, -CRMB, -DNDB, -KKCH, -PERB, -PNKB, -REDB, -RYLB, -SHPB, -TRQB, -WHTS

Again, in my Excel Product Import sheet, this product is a single line. In that single line I have taken advantage of ColorSKUModifiers, to list out the different options.

If the Product SKU is 555123 and I had images for this product like: 555123_alob.jpg, 555123_blkb.jpg, 555123_bmtb.jpg, etc. If I just drop these images in the medium folder, are they able to attach themselves to the product and would a swatch automatically get created?

Does that make sense?

Also, please tell me more about the WSI option. I know and have used the ASPDNSF WSI, but guess I didnt know about importing product images this way.

Yeah...makes sense. You can't upload those or assign those with the Excel spreadsheet outside of using ImageFileNameOverride. However, if you know the SKU and the color, and you're using SKU for image name, you can simply upload the images to the icon/medium/large folders with the syntax SKU.ext for the main image (eg. 555123.jpg) and SKU_index#_color.ext for multiple images by color (eg. 555123_1_alob.jpg).

Using WSI, you need to convert the images to base-64 and then they can go right in the xml you use to import via WSI.

Code:

<AspDotNetStorefrontImport>
	<Product Action="Update" ID="ID number of product you're updating">
		<Images>
			<Icon Extension="jpg">
				<!-- base 64 image data here -->
			</Icon>
			<Medium Extension="jpg">
				<!-- base 64 image data here -->
			</Medium>
			<Large Extension="jpg">
				<!-- base 64 image data here -->
			</Large>
			<MultiImage>
				<Icon>
					<Img Extension="jpg" Index="1" Color="Color represented by ALOB">
						<!-- base 64 image data here -->
					</Img>
					<Img Extension="jpg" Index="1" Color="Color represented by BLKB">
						<!-- base 64 image data here -->
					</Img>
					<Img Extension="jpg" Index="1" Color="Color represented by BMTB">
						<!-- base 64 image data here -->
					</Img>
					<Img Extension="jpg" Index="1" Color="Color represented by CHOB">
						<!-- base 64 image data here -->
					</Img>
					<Img Extension="jpg" Index="1" Color="Color represented by CIEB">
						<!-- base 64 image data here -->
					</Img>
					<Img Extension="jpg" Index="1" Color="Color represented by CRMB">
						<!-- base 64 image data here -->
					</Img>
					<Img Extension="jpg" Index="1" Color="Color represented by DNDB">
						<!-- base 64 image data here -->
					</Img>
					<Img Extension="jpg" Index="1" Color="Color represented by KKCH">
						<!-- base 64 image data here -->
					</Img>
					<Img Extension="jpg" Index="1" Color="Color represented by PERB">
						<!-- base 64 image data here -->
					</Img>
					<Img Extension="jpg" Index="1" Color="Color represented by PNKB">
						<!-- base 64 image data here -->
					</Img>
					<Img Extension="jpg" Index="1" Color="Color represented by REDB">
						<!-- base 64 image data here -->
					</Img>
					<Img Extension="jpg" Index="1" Color="Color represented by RYLB">
						<!-- base 64 image data here -->
					</Img>
					<Img Extension="jpg" Index="1" Color="Color represented by SHPB">
						<!-- base 64 image data here -->
					</Img>
					<Img Extension="jpg" Index="1" Color="Color represented by TRQB">
						<!-- base 64 image data here -->
					</Img>
					<Img Extension="jpg" Index="1" Color="Color represented by WHTS">
						<!-- base 64 image data here -->
					</Img>
				</Icon>
				<Medium>
					<Img Extension="jpg" Index="1" Color="Color represented by ALOB">
						<!-- base 64 image data here -->
					</Img>
					<Img Extension="jpg" Index="1" Color="Color represented by BLKB">
						<!-- base 64 image data here -->
					</Img>
					<Img Extension="jpg" Index="1" Color="Color represented by BMTB">
						<!-- base 64 image data here -->
					</Img>
					<Img Extension="jpg" Index="1" Color="Color represented by CHOB">
						<!-- base 64 image data here -->
					</Img>
					<Img Extension="jpg" Index="1" Color="Color represented by CIEB">
						<!-- base 64 image data here -->
					</Img>
					<Img Extension="jpg" Index="1" Color="Color represented by CRMB">
						<!-- base 64 image data here -->
					</Img>
					<Img Extension="jpg" Index="1" Color="Color represented by DNDB">
						<!-- base 64 image data here -->
					</Img>
					<Img Extension="jpg" Index="1" Color="Color represented by KKCH">
						<!-- base 64 image data here -->
					</Img>
					<Img Extension="jpg" Index="1" Color="Color represented by PERB">
						<!-- base 64 image data here -->
					</Img>
					<Img Extension="jpg" Index="1" Color="Color represented by PNKB">
						<!-- base 64 image data here -->
					</Img>
					<Img Extension="jpg" Index="1" Color="Color represented by REDB">
						<!-- base 64 image data here -->
					</Img>
					<Img Extension="jpg" Index="1" Color="Color represented by RYLB">
						<!-- base 64 image data here -->
					</Img>
					<Img Extension="jpg" Index="1" Color="Color represented by SHPB">
						<!-- base 64 image data here -->
					</Img>
					<Img Extension="jpg" Index="1" Color="Color represented by TRQB">
						<!-- base 64 image data here -->
					</Img>
					<Img Extension="jpg" Index="1" Color="Color represented by WHTS">
						<!-- base 64 image data here -->
					</Img>
				</Medium>
				<Large>
					<Img Extension="jpg" Index="1" Color="Color represented by ALOB">
						<!-- base 64 image data here -->
					</Img>
					<Img Extension="jpg" Index="1" Color="Color represented by BLKB">
						<!-- base 64 image data here -->
					</Img>
					<Img Extension="jpg" Index="1" Color="Color represented by BMTB">
						<!-- base 64 image data here -->
					</Img>
					<Img Extension="jpg" Index="1" Color="Color represented by CHOB">
						<!-- base 64 image data here -->
					</Img>
					<Img Extension="jpg" Index="1" Color="Color represented by CIEB">
						<!-- base 64 image data here -->
					</Img>
					<Img Extension="jpg" Index="1" Color="Color represented by CRMB">
						<!-- base 64 image data here -->
					</Img>
					<Img Extension="jpg" Index="1" Color="Color represented by DNDB">
						<!-- base 64 image data here -->
					</Img>
					<Img Extension="jpg" Index="1" Color="Color represented by KKCH">
						<!-- base 64 image data here -->
					</Img>
					<Img Extension="jpg" Index="1" Color="Color represented by PERB">
						<!-- base 64 image data here -->
					</Img>
					<Img Extension="jpg" Index="1" Color="Color represented by PNKB">
						<!-- base 64 image data here -->
					</Img>
					<Img Extension="jpg" Index="1" Color="Color represented by REDB">
						<!-- base 64 image data here -->
					</Img>
					<Img Extension="jpg" Index="1" Color="Color represented by RYLB">
						<!-- base 64 image data here -->
					</Img>
					<Img Extension="jpg" Index="1" Color="Color represented by SHPB">
						<!-- base 64 image data here -->
					</Img>
					<Img Extension="jpg" Index="1" Color="Color represented by TRQB">
						<!-- base 64 image data here -->
					</Img>
					<Img Extension="jpg" Index="1" Color="Color represented by WHTS">
						<!-- base 64 image data here -->
					</Img>
				</Large>
			</MultiImage>
		</Images>
	</Product>
</AspDotNetStorefrontImport>

Is this possible ?

1. With Excel upload I define image names with ImageFileNameOverride as XXX.jpg
2. Upload main image (XXX.jpg) to appropriate folders, large/medium/icon
3. Upload additional multiple images per product as XXX_1.jpg, XXX_2.jpg, etc to corresponding folders.

Would this workflow work WITHOUT using Multi Image Manager to define multiple images?

Thanks!

Your image names are slightly off, but that will work yes. Just make sure you're using the image names specified here

hello everyone ... I have a big big problem with the images of products ... I have a product with an associated image and I want to change ... when I press delete the image, the system loads the image of another product ... when I load the new image that I'm assigned to the product and product change over the previous image