- Overview
- Navigate to Product Editor
- Uploading Photos
- Add Video to Product Image
- Importing Images in Bulk
This article explains how to add product images in AmeriCommerce Online Stores, including uploading images from your computer or from an online source. It now also includes steps for adding video thumbnails to product images for enhanced product media presentation.
Navigate to the Product Editor
Adding a photo to a new or existing product (single or multiple) is a simple process. You can add photos to products at any time, and if needed, bulk uploading can be done via a product import.
There is no limit to the number of images you can add to a product.
Navigate to the Catalog > Product > Edit > Photos.
Uploading Photos
- Once in the Photos Tab click new to open the upload window.
- Drag and drop your files or click the area to browse your computer.
- Alternatively, use the Insert From menu to:
- Insert From URL – Provide the full image URL.
- Insert From "this store" – Browse the File Manager in AmeriCommerce Online Stores.
- This Computer – Opens your computers File Explorer
- Recent Files – Shows a dropdown of recently viewed files
Once added, you can hover over the image and click the edit icon to make changes. For more on the image editor, click HERE.
Add Video to Product Image
Before adding a video, you must first attach a thumbnail image to the product.
This image acts as the video thumbnail and is required before the video link is added.
Tip For Video Thumbnail Images
- Use a thumbnail from the web or your store's file system.
- You may add a transparent play button to the image using any image editor.
Example of transparent play button:

Once the photo is added:
- Check the "Is Video" checkbox.
- Paste the Embed Code into the Video Content box.
- If using a YouTube video, paste the share code. For help, see HERE.
- Alternatively, use self-hosted files like
.mp4
from your store:src="/Shared/image.mp4"

Optional embed code example:
<div> <figure> <video width="1170" height="700" controls preload="auto"> <source src="/Shared/media/Your-Video-File.mp4" type="video/mp4"> Your browser does not support the video tag. </video> </figure> </div>
The thumbnail now acts like a clickable image and plays the video in a popup.
Note: The video feature will not work on images marked as "Is Primary".
Note: On newer themes, go to Product Details > Basic Settings > Custom Settings and disable "Zoom Enable" for videos to function properly.
Importing Images in Bulk
Use the Product Import tool to upload multiple product images, video thumbnails, or embed content.
Steps:
- Prepare your import file with the ItemImages column.
- Include one or more image entries per product.
- Warning: Using this field will overwrite all existing image references for the product.
Accepted Formats:
-
/images/1001.jpg
– Relative paths -
http://www.website.com/images/1001.jpg
– Full URLs
Use a tilde (~
) to separate image properties and a pipe (|
) to separate multiple images.
Field Order:
- Image Reference
- Primary Indicator
- Alternate Description
- Caption
- Sort Order
- Thumbnail Reference
- Zoomify Path
- Hide
- IsVideoScreenShot
- VideoContent
- IsGooglePrimaryImage
Minimum Required: Only the image reference and primary indicator.
Example:
/images/1001.jpg~true~An Item1~This is a picture of item1~1|/images/1002.jpg~false~An Item2~This is a picture of item2~2
For complete steps, visit: Importing Products Article
Older Admin Notes
Note: Some layout options may vary in older admin themes, but the image functionality is the same.