What's need to do:

• Adapt the datasource configuration, in details, move the PreviewProvider part into the correct place <id>datasource-products</id>:

<components>
<id>datasource-products</id>
<component>
<type>info.magnolia.ui.framework.datasource.components.PropertySetFactory</type>
<implementation>info.magnolia.ecommerce.app.products.ProductPropertySetFactory</implementation>
</component>
<component>
<type>info.magnolia.ui.framework.datasource.components.ItemResolver</type>
<implementation>info.magnolia.ecommerce.app.products.ProductItemResolver</implementation>
</component>
<type-mapping>
<type>info.magnolia.ui.contentapp.browser.StatusBar</type>
<implementation>info.magnolia.ecommerce.app.products.ProductStatusBar</implementation>
</type-mapping>
<type-mapping>
<type>info.magnolia.ui.contentapp.browser.ListPresenter</type>
<implementation>info.magnolia.ecommerce.app.products.ProductListPresenter</implementation>
</type-mapping>
</components>

<!-Configure PreviewProvider for product image preview->
<components>
<id>app-ecommerce-products</id>
<component>
<type>info.magnolia.ui.contentapp.browser.preview.PreviewProvider</type>
<implementation>info.magnolia.ecommerce.app.products.preview.EcommerceProductPreviewProvider</implementation>
</component>
</components>

AC:

• Product image preview should show on the action bar after changes.