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. Media storage is usually located in the file system on the same server as the Magento program files.

Alternatively, media files can be managed in a database, or located on a separate server or content delivery network. The editor can be configured to use either static or dynamic media URLs for catalog content in category or product descriptions.

Media Storage

To upload files to media storage

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

  1. On the toolbar of the WYSIWYG editor, click Insert Image ().

  2. After the Image URL field, click Browse ().

  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 new folder and click Create Folder. Then, enter the folder name and click OK.

  4. To upload file(s) to media storage, click Choose Files. Then, 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.

The images are uploaded to the current media storage folder on the server.

Media Storage

To 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: From WYSIWYG Mode

  1. On the toolbar of the WYSIWYG editor, click Insert Image ().

  2. After the Image URL field, click Browse ().

    Insert Image (WYSIWYG Mode)

  3. In the directory tree on the left, navigate to the folder where the image is stored.

  4. Select the tile of the image. Then, click Insert File.

    Insert File

Method 2: From HTML Mode

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

  2. Click Insert Image.

    Insert Image (HTML Mode)