Sergii Ivashchenko · Sergii Ivashchenko Adobe Stock Integration. @sergeivaschenko ... What was...
Transcript of Sergii Ivashchenko · Sergii Ivashchenko Adobe Stock Integration. @sergeivaschenko ... What was...
![Page 1: Sergii Ivashchenko · Sergii Ivashchenko Adobe Stock Integration. @sergeivaschenko ... What was implemented (2.3.4) @sergeivaschenko Access from the Media Gallery. @sergeivaschenko](https://reader030.fdocuments.net/reader030/viewer/2022040308/5ed6cd6d583aff5dc44ac66e/html5/thumbnails/1.jpg)
![Page 2: Sergii Ivashchenko · Sergii Ivashchenko Adobe Stock Integration. @sergeivaschenko ... What was implemented (2.3.4) @sergeivaschenko Access from the Media Gallery. @sergeivaschenko](https://reader030.fdocuments.net/reader030/viewer/2022040308/5ed6cd6d583aff5dc44ac66e/html5/thumbnails/2.jpg)
@sergeivaschenko
Sergii IvashchenkoAdobe Stock Integration
![Page 3: Sergii Ivashchenko · Sergii Ivashchenko Adobe Stock Integration. @sergeivaschenko ... What was implemented (2.3.4) @sergeivaschenko Access from the Media Gallery. @sergeivaschenko](https://reader030.fdocuments.net/reader030/viewer/2022040308/5ed6cd6d583aff5dc44ac66e/html5/thumbnails/3.jpg)
@sergeivaschenko
Adobe Stock
![Page 4: Sergii Ivashchenko · Sergii Ivashchenko Adobe Stock Integration. @sergeivaschenko ... What was implemented (2.3.4) @sergeivaschenko Access from the Media Gallery. @sergeivaschenko](https://reader030.fdocuments.net/reader030/viewer/2022040308/5ed6cd6d583aff5dc44ac66e/html5/thumbnails/4.jpg)
@sergeivaschenko
stock.adobe.com
• Media Marketplace• Images, videos,Templates, 3D models
![Page 5: Sergii Ivashchenko · Sergii Ivashchenko Adobe Stock Integration. @sergeivaschenko ... What was implemented (2.3.4) @sergeivaschenko Access from the Media Gallery. @sergeivaschenko](https://reader030.fdocuments.net/reader030/viewer/2022040308/5ed6cd6d583aff5dc44ac66e/html5/thumbnails/5.jpg)
@sergeivaschenko
Statistics
![Page 6: Sergii Ivashchenko · Sergii Ivashchenko Adobe Stock Integration. @sergeivaschenko ... What was implemented (2.3.4) @sergeivaschenko Access from the Media Gallery. @sergeivaschenko](https://reader030.fdocuments.net/reader030/viewer/2022040308/5ed6cd6d583aff5dc44ac66e/html5/thumbnails/6.jpg)
@sergeivaschenko
What was implemented (2.3.4)
![Page 7: Sergii Ivashchenko · Sergii Ivashchenko Adobe Stock Integration. @sergeivaschenko ... What was implemented (2.3.4) @sergeivaschenko Access from the Media Gallery. @sergeivaschenko](https://reader030.fdocuments.net/reader030/viewer/2022040308/5ed6cd6d583aff5dc44ac66e/html5/thumbnails/7.jpg)
@sergeivaschenko
Access from the Media Gallery
![Page 8: Sergii Ivashchenko · Sergii Ivashchenko Adobe Stock Integration. @sergeivaschenko ... What was implemented (2.3.4) @sergeivaschenko Access from the Media Gallery. @sergeivaschenko](https://reader030.fdocuments.net/reader030/viewer/2022040308/5ed6cd6d583aff5dc44ac66e/html5/thumbnails/8.jpg)
@sergeivaschenko
Browse Adobe Stock assets
![Page 9: Sergii Ivashchenko · Sergii Ivashchenko Adobe Stock Integration. @sergeivaschenko ... What was implemented (2.3.4) @sergeivaschenko Access from the Media Gallery. @sergeivaschenko](https://reader030.fdocuments.net/reader030/viewer/2022040308/5ed6cd6d583aff5dc44ac66e/html5/thumbnails/9.jpg)
@sergeivaschenko
Saving free or licensed images
![Page 10: Sergii Ivashchenko · Sergii Ivashchenko Adobe Stock Integration. @sergeivaschenko ... What was implemented (2.3.4) @sergeivaschenko Access from the Media Gallery. @sergeivaschenko](https://reader030.fdocuments.net/reader030/viewer/2022040308/5ed6cd6d583aff5dc44ac66e/html5/thumbnails/10.jpg)
@sergeivaschenko
Magento_MediaGallery module
• DB tables for storage of image attributes• Commands for managing image metadata• Updating the information based on admin panel
operations
![Page 11: Sergii Ivashchenko · Sergii Ivashchenko Adobe Stock Integration. @sergeivaschenko ... What was implemented (2.3.4) @sergeivaschenko Access from the Media Gallery. @sergeivaschenko](https://reader030.fdocuments.net/reader030/viewer/2022040308/5ed6cd6d583aff5dc44ac66e/html5/thumbnails/11.jpg)
@sergeivaschenko
UI Components for image listings
<listing> <columns name="masonry_images_columns" component="Magento_Ui/js/grid/masonry"> <column name="overlay" component="Magento_Ui/js/grid/columns/overlay"/> <column name="url" component="Magento_Ui/js/grid/columns/image"/> <column name="preview" component="Magento_Ui/js/grid/columns/image-preview"/> </columns></listing>
![Page 12: Sergii Ivashchenko · Sergii Ivashchenko Adobe Stock Integration. @sergeivaschenko ... What was implemented (2.3.4) @sergeivaschenko Access from the Media Gallery. @sergeivaschenko](https://reader030.fdocuments.net/reader030/viewer/2022040308/5ed6cd6d583aff5dc44ac66e/html5/thumbnails/12.jpg)
@sergeivaschenko
github.com/sivaschenko/masonry-grid-example
![Page 13: Sergii Ivashchenko · Sergii Ivashchenko Adobe Stock Integration. @sergeivaschenko ... What was implemented (2.3.4) @sergeivaschenko Access from the Media Gallery. @sergeivaschenko](https://reader030.fdocuments.net/reader030/viewer/2022040308/5ed6cd6d583aff5dc44ac66e/html5/thumbnails/13.jpg)
@sergeivaschenko
What currently in progress (2.4)
![Page 14: Sergii Ivashchenko · Sergii Ivashchenko Adobe Stock Integration. @sergeivaschenko ... What was implemented (2.3.4) @sergeivaschenko Access from the Media Gallery. @sergeivaschenko](https://reader030.fdocuments.net/reader030/viewer/2022040308/5ed6cd6d583aff5dc44ac66e/html5/thumbnails/14.jpg)
@sergeivaschenko
New Media Gallery for Magento!
![Page 15: Sergii Ivashchenko · Sergii Ivashchenko Adobe Stock Integration. @sergeivaschenko ... What was implemented (2.3.4) @sergeivaschenko Access from the Media Gallery. @sergeivaschenko](https://reader030.fdocuments.net/reader030/viewer/2022040308/5ed6cd6d583aff5dc44ac66e/html5/thumbnails/15.jpg)
@sergeivaschenko
View image details
![Page 16: Sergii Ivashchenko · Sergii Ivashchenko Adobe Stock Integration. @sergeivaschenko ... What was implemented (2.3.4) @sergeivaschenko Access from the Media Gallery. @sergeivaschenko](https://reader030.fdocuments.net/reader030/viewer/2022040308/5ed6cd6d583aff5dc44ac66e/html5/thumbnails/16.jpg)
@sergeivaschenko
Resized images for each piece of content
• Ability to resize image when it’s inserted to the content• Renditions for desktop and mobile versions• Proxy renditions support (CDN, Fastly, etc)
![Page 17: Sergii Ivashchenko · Sergii Ivashchenko Adobe Stock Integration. @sergeivaschenko ... What was implemented (2.3.4) @sergeivaschenko Access from the Media Gallery. @sergeivaschenko](https://reader030.fdocuments.net/reader030/viewer/2022040308/5ed6cd6d583aff5dc44ac66e/html5/thumbnails/17.jpg)
@sergeivaschenko
Technical Details
![Page 18: Sergii Ivashchenko · Sergii Ivashchenko Adobe Stock Integration. @sergeivaschenko ... What was implemented (2.3.4) @sergeivaschenko Access from the Media Gallery. @sergeivaschenko](https://reader030.fdocuments.net/reader030/viewer/2022040308/5ed6cd6d583aff5dc44ac66e/html5/thumbnails/18.jpg)
@sergeivaschenko
Adobe Stock API
• Comprehensive image search• Licensing images• Good documentation• SDK for many languages• github.com/adobe/stock-api-libphp
![Page 19: Sergii Ivashchenko · Sergii Ivashchenko Adobe Stock Integration. @sergeivaschenko ... What was implemented (2.3.4) @sergeivaschenko Access from the Media Gallery. @sergeivaschenko](https://reader030.fdocuments.net/reader030/viewer/2022040308/5ed6cd6d583aff5dc44ac66e/html5/thumbnails/19.jpg)
@sergeivaschenko
Packages
![Page 20: Sergii Ivashchenko · Sergii Ivashchenko Adobe Stock Integration. @sergeivaschenko ... What was implemented (2.3.4) @sergeivaschenko Access from the Media Gallery. @sergeivaschenko](https://reader030.fdocuments.net/reader030/viewer/2022040308/5ed6cd6d583aff5dc44ac66e/html5/thumbnails/20.jpg)
@sergeivaschenko
Modules
![Page 21: Sergii Ivashchenko · Sergii Ivashchenko Adobe Stock Integration. @sergeivaschenko ... What was implemented (2.3.4) @sergeivaschenko Access from the Media Gallery. @sergeivaschenko](https://reader030.fdocuments.net/reader030/viewer/2022040308/5ed6cd6d583aff5dc44ac66e/html5/thumbnails/21.jpg)
@sergeivaschenko
Community Driven Development
![Page 22: Sergii Ivashchenko · Sergii Ivashchenko Adobe Stock Integration. @sergeivaschenko ... What was implemented (2.3.4) @sergeivaschenko Access from the Media Gallery. @sergeivaschenko](https://reader030.fdocuments.net/reader030/viewer/2022040308/5ed6cd6d583aff5dc44ac66e/html5/thumbnails/22.jpg)
@sergeivaschenko
Repositories• github.com/magento/adobe-stock-integration
+ github.com/magento/magento2+ github.com/adobe/stock-api-libphp+ github.com/magento/adobe-ims
![Page 23: Sergii Ivashchenko · Sergii Ivashchenko Adobe Stock Integration. @sergeivaschenko ... What was implemented (2.3.4) @sergeivaschenko Access from the Media Gallery. @sergeivaschenko](https://reader030.fdocuments.net/reader030/viewer/2022040308/5ed6cd6d583aff5dc44ac66e/html5/thumbnails/23.jpg)
@sergeivaschenko
Backlog
![Page 24: Sergii Ivashchenko · Sergii Ivashchenko Adobe Stock Integration. @sergeivaschenko ... What was implemented (2.3.4) @sergeivaschenko Access from the Media Gallery. @sergeivaschenko](https://reader030.fdocuments.net/reader030/viewer/2022040308/5ed6cd6d583aff5dc44ac66e/html5/thumbnails/24.jpg)
@sergeivaschenko
Slack
ComEng Slack Workspace: #adobe-stock
opensource.magento.com/slack
![Page 25: Sergii Ivashchenko · Sergii Ivashchenko Adobe Stock Integration. @sergeivaschenko ... What was implemented (2.3.4) @sergeivaschenko Access from the Media Gallery. @sergeivaschenko](https://reader030.fdocuments.net/reader030/viewer/2022040308/5ed6cd6d583aff5dc44ac66e/html5/thumbnails/25.jpg)
@sergeivaschenko
Weekly public meeting
![Page 26: Sergii Ivashchenko · Sergii Ivashchenko Adobe Stock Integration. @sergeivaschenko ... What was implemented (2.3.4) @sergeivaschenko Access from the Media Gallery. @sergeivaschenko](https://reader030.fdocuments.net/reader030/viewer/2022040308/5ed6cd6d583aff5dc44ac66e/html5/thumbnails/26.jpg)
@sergeivaschenko
Adobe Stock Integration Contributors
![Page 27: Sergii Ivashchenko · Sergii Ivashchenko Adobe Stock Integration. @sergeivaschenko ... What was implemented (2.3.4) @sergeivaschenko Access from the Media Gallery. @sergeivaschenko](https://reader030.fdocuments.net/reader030/viewer/2022040308/5ed6cd6d583aff5dc44ac66e/html5/thumbnails/27.jpg)
@sergeivaschenko
Adobe Stock Integration Contribution partners
![Page 28: Sergii Ivashchenko · Sergii Ivashchenko Adobe Stock Integration. @sergeivaschenko ... What was implemented (2.3.4) @sergeivaschenko Access from the Media Gallery. @sergeivaschenko](https://reader030.fdocuments.net/reader030/viewer/2022040308/5ed6cd6d583aff5dc44ac66e/html5/thumbnails/28.jpg)
Thank You