Product Images Overview

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

1. Once in the Photos Tab click  new  to open the upload window.
2. Drag and drop your files or click the area to browse your computer.
3. 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:

1. Check the "Is Video" checkbox.
2. Paste the Embed Code into the Video Content box.
3. If using a YouTube video, paste the share code. For help, see HERE.
4. 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.