Product/style assets are images that are used to showcase your products. While hero images are used in both online and Collections, most assets described here are only used online. You can read more about Collections Assets here. The product/style assets can be divided into two categories with various components:
1. Product Images
- Primary/Hero Images
- Alternate Images
- Secondary Images
- 360 Images
- Seasonal Images*
- Product Images - Technical Specifications
- 360 Images - Technical Specifications
2. Product Videos
* Seasonal Images are an available option when images for the same style change between seasons. Should you wish to implement Seasonal Images please contact your Elastic Project Manager for information on this option.
Primary/Hero Images
Primary images (also known as Hero Images) are a requirement for every product/style. They are displayed site-wide and serve as the main image used in the printed Collections. |
If a Primary Image does not exist for a product, a ‘Missing Image’ graphic is substituted until a product image is available
Alternate Images
Alternate Images display different views of the product/style (i.e. front, back, on model) and are optional. Alternate Images are only used on the site and not for printing in the Collections.
A “View Alternates” link displays on the product detail page when Alternate Images are available.
Secondary Images
Secondary Images are a special type of Alternate Image and are optional. They are used for identifying a product view that will be used in a printed Collection. Alternate Images are not generally printed in the Collections, but Secondary Images are the exception.
A product can have many Alternate Images but only one Secondary Image. In the image below the Secondary Images are circled in red.
On the site, Secondary Images are displayed on the Product Detail Page along with any Alternate Images.
360 Images
360 Images is a feature that will take images of a given product and display them as though a movie object is playing, showing the product rotate in space. These images are optional. A product/style can only be associated with one set of 360 images. There should be at least 36 angles. Enabling 360 images requires a change in the backend. If you wish to use these images, contact Elastic Support.
72 angles provides the best view of the product. If there are more than 99 images, the sequence goes out of order. If less than 36 angles are used, the rotating image will be less smooth.
Product Images - Technical Specifications
Tech Spec | Requirement |
Product/Style Number | This is the primary identifier for the product/style. This must match the product number in the products table. |
Color | This is the color code. This must match the color number in the products table. |
Image Type | This specifies the type of image: P = Primary A - Alternate Images S - Secondary Image (for Collections) |
Image Number | A sequential number |
Seasonal Code | This field only applies when seasonal images are utilized. Please contact your Project Manager for more information about implementing this image. |
Size | 1275 x 1515px Minimum |
Background | Transparent |
File Type | PNG (preferred), JPEGs can be used when PNG is not available. |
FTP Location | /products |
File Naming Convention | ProductNumber_Color_ImageType_Number.png |
Example | Example File Name |
---|---|
Primary Image for Style A7YN Color 1D7 | A7YN_1D7_P_1.png |
Alternate Image #3 for Style A7YN Color 1D7 | A7YN_1D7_A_3.png |
Secondary Image for Style A7YN Color 1D7 | A7YN_1D7_S_1.png |
NOTE: Product images should not exceed 20MB. Using images that exceed 20MB may cause Print Jobs to fail.
360 Images - Technical Specifications (Requires a backend change)
Tech Spec | Requirement |
Product/Style Number | Primary identifier for the product/style. |
Color | Color code (optional). |
Image number | A sequential number (01, 02, 03, 04...) |
Size | Min. 800 x 950px |
Number of images | Recommended 36-72 images |
File Type | JPEG or PNG, image gets converted to a JPEG |
FTP Location | products/360s/Style_Color |
File Naming Convention | ProductNumber_ColorCode_Number.png |
Example | Example File Name |
1st Image shot for Style A7YN Color 1D7 | A7YN_1D7_01.png |
2nd Image shot for Style AZYB Color 1D7 | A7YN_1D7_02.png |
Product Videos
Videos are optional. A product/style can only be associated with one video. When available for a product, the video will display on the Product Detail page.
Tech Spec | Requirement |
Product Number | This is the primary identifier for the product/style. This must match the product number in the products table. |
Type | This specifies the file type: V = Video |
Size | 720px x 480px or larger |
Refresh Rate | 1200+ kb |
File Type | MPEG4 + H.264 or MOV |
FTP Location | /products/videos |
File Naming Convention | ProductNumber_Type.mov |
Example | Example File Name |
Video for product A7YN | A7YN_V.mov |