The Media Gallery

With Adobe Commerce or Magento Open Source 2.4, merchants can use the new enhanced Media Gallery to organize and manage their media files on the server. This new Media Gallery contains the same functionalities as the existing media storage, but includes an improved user interface and a closer integration with Adobe Stock.

Images displayed in the Media Gallery grid

Product images added to the Images and Videos product section are not managed by the Media Gallery. Only images used in the Content product section fields are displayed and filtered in the new Media Gallery.
  1. On the Admin sidebar, go to Stores > Settings > Configuration.

  2. In the left panel, expand Advanced and choose System.

  3. Expand Expansion selector Media Gallery.

    Advanced configuration - Media Gallery {width="600" modal="regular"}

  4. Set Enable Old Media Gallery to No.

  5. Click Save Config.

  6. When prompted, click the Cache Management link in the system message and refresh the invalid cache.

    The Content menu now displays the new Media Gallery option.

Full functionality for new Media Gallery requires and media.content.synchronization queue consumers to be started for initial synchronization. See Manage message queues in the Configuration Guide for more details.

The new Media Gallery is accessible from the Content menu or when you add or edit a page. You can also access it when you create or edit a category, or when you insert images using the Content Editor.

To access the new Media Gallery through the Content menu:

  • On the Admin sidebar, go to Content > Media > Media Gallery.

To access the new Media Gallery when you are adding or editing a page:

  1. On the Admin sidebar, go to Content > Elements > Pages.

  2. Click Add a New Page.

    If you want to edit an existing page, you can use the Action column to click Select and choose Edit.

  3. Expand Expansion selector the Content section and do the following:

    • If you have Page Builder enabled, expand the Media panel and drag an Image placeholder to the target container. Then click Select from Gallery.

      Drag image to stage {width="600" modal="regular"}

    • If you have the WYSIWYG editor enabled, click Show/Hide Editor and then click Insert Image.

To learn more about the Media Gallery, watch this video: