Media storage

Media storage helps you organize and gain access to media files that are stored on the server. The path to the location of the files is determined by the base URL configuration. Files in media storage can be accessed from the editor while working on pages and static blocks. Usually, media storage resides in the file system on the same server as the Commerce program files.

Alternatively, media files can be managed in a database, or on a separate server or content delivery network. The advantage of using alternate storage is that it minimizes the effort required to synchronize media. Synchronization performance is especially affected when multiple instances of the system are deployed on different servers that need access to the same images, CSS files, and other media files.

The editor can be configured to use either static or dynamic media URLs for catalog content in category or product descriptions.

w-650 modal-image
Commerce Media Storage

Add files to the media storage

The first two steps are the same as if you are inserting an image.

  1. On the editor toolbar, click the Insert Image icon.

    img-md
    w-700 modal-image
    Insert Image icon

    This action opens the Insert/edit image dialog.

  2. After Source, click the Search icon (+------------------------+ | img-md | +========================+ | w-10 | +------------------------+ | Search icon | +------------------------+).

  3. In the directory tree on the left, do one of the following:

    • Navigate to the folder where you want to save the uploaded image.

    • Navigate to the place where you want to create a folder and click Create Folder.

      For adding a folder, enter the folder name and click OK.

  4. To add one or more files to Media Storage, you can either upload the files from your system or use the Adobe Stock Integration:

    To upload files from your system, click Choose Files and do the following:

    • In the directory of your local computer, navigate to the location of the images.

    • Select each image to be uploaded.

    • Click Open.

    To use assets from Adobe Stock using the integration:

The images are uploaded to the current Media Storage folder on the server.

w-650 modal-image
Commerce Media Storage

Insert an image from media storage

Open the page or block to be edited. Then, use one of the following methods to insert an image from media storage:

Method 1: WYSIWYG mode

  1. On the editor toolbar, click the Insert Image icon.

  2. After Source, click the Search icon (+------------------------+ | img-md | +========================+ | w-10 | +------------------------+ | Search icon | +------------------------+).

    img-md
    w-250 modal-image
    Selecting the search icon
  3. In the directory tree on the left, navigate to the folder where the image is stored.

  4. Select the tile of the image and click Add Selected.

Method 2: HTML mode

  1. Position the cursor in the code where the <img> tag is to be inserted.

  2. Click Insert Image.

    img-md
    w-600 modal-image
    Insert Image (HTML Mode)
recommendation-more-help
2b0136b4-ef75-405f-9734-60d741f198de