Adobe Stock Image Integration Roadmap
Phase 1 - Search and upload watermarked preview
- Image search GUI in Magento Admin
- Image Search API
- Integration with Media Gallery
- Save image attributes into DB
Phase 2 - License stock images
- Adobe login with IMS
- Image License API
Phase 3 - Replace watermarked preview with licensed image
- Update Media Gallery UI to display image attributes
- License preview image
- Replace preview with licensed copy in Media Storage and content pages
Phase 4 - Manage images in Media Gallery
- Filter images that are not used in the content
- Filter images used in the content space
- Filter images used in catalog space
Phase 5 - Optimize Adobe Stock images to use on the website
- Programmatically generate web optimized image rendition based on configuration parameters
- Programmatically generate image source set
- User creates image rendition for individual images
- User selects image rendition to use inside the content on a particular breakpoint
- Masonry Grid Component
- User configures Adobe Stock integration
- Adobe and Magento teams views report on Adobe Stock integration KPIs
- User accesses stock images from Magento Admin
- User searches images by keywords
- User views the image details
- User saves image preview
- User returns to the same state of image grid after saving image preview
- User filters images by type
- User filters images by orientation
- User filters images by price
- User filters safe content images
- User filters isolated image only
- User filters images by image color
- User chooses the number of images to display on the page
- User sorts the order of images in the grid
- User navigates to next/previous image from the currently viewed
- User controls access to Adobe Stock images from Admin Panel in ACL
- User sees the curated images when open Stock
- User logs into Adobe Stock
- User licenses an image
- User views licensed images in the grid
- User saves licensed image into Magento Media Gallery
- User locates licensed and uploaded image inside Media Gallery
- User set the image name
- User locates preview image in the Media Gallery
- User sees images from the same series as the currently viewed image
- User searches for images from the same series as the currently viewed one
- User sees images of the same model as currently viewed
- User searches for images of the same model as the currently viewed one
- User sees current image tags
- User searches for an image by its tag
- User sees credits available on their account
- User signs out from Stock
- User sees stock interface localized
- Developer can leverage AdobeLogin implementation in 3d party modules
- User sees basic image attributes in Media Gallery
- User licenses the image inside Media Gallery
- User views stock license status in Media Gallery grid
- User views limited image information from the image grid in Media Gallery
- User sees pages the image is used in Magento
- User filters images by the license status
- User filters images by the upload date
- User filters images by the modified date
- User filters images by their keywords
- User uses pagination to navigate through the images in Media Gallery
- User accesses Media Gallery from the Admin Panel main navigation
- User saves filters state as a grid view
- Magento extracts image meta data from file
- User edits image attributes in Media Gallery
- User sees entities where asset is used in
- User filters images that are not used in the content
- User sees warning when deleting image if it's used on storefront
- User deletes images in bulk from Media Gallery
- User filters images by the area they used in
- User finds image duplicates
- User manages ACL rules for Media Gallery
Iteration 1 - Programmatically generate web optimized image rendition based on configuration parameters
- User sets the image rendition parameters for all breakpoints
- User inserts image rendition to the content with text area + Insert image button
- User inserts image rendition to the content with TinyMCE
- [User inserts image rendition to the content with Page Builder]
- User sets the image rendition parameters separately for each breakpoint
- [User inserts image source set to the content with text area + Insert image button]
- [User inserts image source set to the content with TinyMCE]
- [User inserts image source set to the content with Page Builder]