This document discusses an Adobe Stock integration community project for Magento. The project aims to enable merchants to add high-quality stock images to website content directly from the Magento admin without leaving the interface. Milestone 1 of the project involves implementing image search and uploading watermarked previews to the media gallery. Future milestones will add licensing of stock images and replacing watermarks with licensed images. The project is hosted on GitHub and contributions are welcomed from the Magento community.

1. © 2019 Adobe. All Rights Reserved. Adobe Confidential.
Adobe Stock Integration community project
Sergii Ivashchenko | @sergeivaschenko

2. © 2019 Adobe. All Rights Reserved. Adobe Confidential.
Overview
 Community project
 Launched at Imagine 2019
 Enables merchants to add high quality stock images to the website content
without leaving Magento Admin
 First community project created in collaboration with Adobe team
2

3. © 2019 Adobe. All Rights Reserved. Adobe Confidential.
Adobe Stock
Find the perfect stock asset for your next creative project

4. © 2019 Adobe. All Rights Reserved. Adobe Confidential.
Media Marketplace
 Images
 Videos
 Templates
 3D models
4

5. © 2019 Adobe. All Rights Reserved. Adobe Confidential.
Video overview
5

6. © 2019 Adobe. All Rights Reserved. Adobe Confidential.
Adobe Stock API
 Comprehensive image search
 Licensing images
 Good documentation
 SDK for many languages including PHP
 github.com/adobe/stock-api-libphp
6

7. © 2019 Adobe. All Rights Reserved. Adobe Confidential.
Statistics
7

8. © 2019 Adobe. All Rights Reserved. Adobe Confidential.
Vision & goals
Enable merchants to add high quality stock images to the website

9. © 2019 Adobe. All Rights Reserved. Adobe Confidential.
Access from the media gallery
9

10. © 2019 Adobe. All Rights Reserved. Adobe Confidential.
Browsing the gallery
10

11. © 2019 Adobe. All Rights Reserved. Adobe Confidential.
Retrieving an image
11

12. © 2019 Adobe. All Rights Reserved. Adobe Confidential.
Insert an Image
 CMS Page/Block
 Product
 Category
 Page Builder
 etc
12

13. © 2019 Adobe. All Rights Reserved. Adobe Confidential.
Goals
 Milestone 1 - Search and upload watermarked preview
 Image search GUI in Magento Admin
 Image Search API
 Integration with Media Gallery
 Save image and attributes
 Milestone 2 - License stock images
 Adobe login with IMS
 Image License API
 Milestone 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
13

14. © 2019 Adobe. All Rights Reserved. Adobe Confidential.
Technical Details
Implementation

15. © 2019 Adobe. All Rights Reserved. Adobe Confidential.
Modules Structure
15

16. © 2019 Adobe. All Rights Reserved. Adobe Confidential.
UI
 Listing UI component
 2 customized listing columns UI components
 Masonry (images grid) column
 Expanded view column
 Supports listing compatible UI components
16

17. © 2019 Adobe. All Rights Reserved. Adobe Confidential.
API
17

18. © 2019 Adobe. All Rights Reserved. Adobe Confidential.
Search API
18
namespace MagentoAdobeStockImageApiApi;
use MagentoFrameworkApiSearchCriteriaInterface;
use MagentoFrameworkApiSearchResultsInterface;
/**
* @api
*/
interface GetImageListInterface
{
/**
* @param SearchCriteriaInterface $searchCriteria
* @return SearchResultsInterface
*/
public function execute(SearchCriteriaInterface $searchCriteria):
SearchResultsInterface;
}

19. © 2019 Adobe. All Rights Reserved. Adobe Confidential.
Project status: Milestone 1
 Completed
 Access from media gallery
 Customized UI listing
 Search API
 Configuration
 In progress
 Expanded view
 Save image functionality
 Tests coverage
19

20. © 2019 Adobe. All Rights Reserved. Adobe Confidential.
Community Driven Development
Life is not accumulation, it is about contribution

21. © 2019 Adobe. All Rights Reserved. Adobe Confidential.
Repositories
 github.com/magento/adobe-stock-integration
 + github.com/adobe/stock-api-libphp
21

22. © 2019 Adobe. All Rights Reserved. Adobe Confidential.
Backlog
22

23. © 2019 Adobe. All Rights Reserved. Adobe Confidential.
Test cases
app.hiptest.com/projects/131313
23

24. © 2019 Adobe. All Rights Reserved. Adobe Confidential.
Community Engineering Slack Workspace: #adobe-stock
24
tinyurl.com/engcom-slack

25. © 2019 Adobe. All Rights Reserved. Adobe Confidential.
Community Portal
opensource.magento.com
25

26. © 2019 Adobe. All Rights Reserved. Adobe Confidential.
Contributors
26

27. © 2019 Adobe. All Rights Reserved. Adobe Confidential.
Contribution partners
27

28. © 2019 Adobe. All Rights Reserved. Adobe Confidential.
Thank you!
 @sergeivaschenko
 engcom@magento.com
 http://tinyurl.com/engcom-slack
28