Add Images to an Item

There are 2 areas to add images in an item: Small Image and Large Image. Order Entry images do not resize; best practice is to not use any images in Order Entry.

Small Image

The small image displays next to the item name in the item list. The small image will automatically resize and always display as a circle on the Web Store side. If the item is the only live item in a group and that group is set to single-item display, the small image is not visible. 

1. Go to INVENTORY > ITEMS.
2. Locate the item and double-click to edit.
3. In the Standard Fields tab, click SELECT FILES... to add to the database (.jpg, .jpeg, .png).
4. Next to Small Image, select the file name. (Filter by typing the file name.)
5. Click UPDATE to save.

   

Large Image

The large image displays in the item description above the content added in Basic Setup. This element does not accommodate ADA requirements; best practice is to use HTML to add an image in the item description itself. Large, informative images must comply with ADA requirements (include "alt" attribute). If the image used is decorative, then proceed with the large image selector.

1. Go to INVENTORY > ITEMS.
2. Locate the item and double-click to edit.
3. In the Standard Fields tab, click SELECT FILES... to add to the database (.jpg, .jpeg, .png).
   • Decorative Image: Next to Large Image, select the file name. (Filter by typing the file name.)
   • Informative Image: In the Basic Setup tab, next to Product Description, click the </> source code button. Copy the code below and paste in the source code screen. The bold text must be changed.

     Replace "INSERT" with a short description of the image; do not use "image of" or "graphic of". "RTNAME" must be replaced with the text in the Web Store URL that precedes ".revtrak.net". The file name and type must replace "FILENAME" (i.e. "cookies.png").

     <img alt="INSERT" src="https://images2.revtrak.net/img/webstore/RTNAME/products/FILENAME" style="max-width:350px;margin-bottom:30px;" />

4. Click UPDATE to save the source code.
5. Click UPDATE to apply the changes to the item.