HomeDev GuideRecipesAPI Reference
Dev GuideAPI ReferenceUser GuideLegal TermsGitHubNuGetDev CommunityOptimizely AcademySubmit a ticketLog In
Dev Guide

Assets and media

Introduces asset management and media types in Optimizely.

Assets, such as blocks and media files, are available from edit view in the assets panel in Optimizely Content Management System (CMS) and Optimizely Customized Commerce. Assets can also be items in the Optimizely Customized Commerce product catalog. A media type can be an image, a video, or a document in a defined file format.

📘

Note

Like other content types, media types must first be defined in the content model, to use the built-in functionality for assets. If a media type is not defined on the website, file upload or drag and drop will not work. See Media types and templates to define media types.

The assets system is based on a typed content model with support for the following property types:

  • ContentReference property type with UIHint "image" is displayed and edited as an image.
  • ContentReference property type with UIHint "video" is displayed and edited as a video.
  • ContentReference property type with UIHint "mediafile" is displayed and edited as any file.
  • Url property type with UIHint "image" is displayed and edited as an image.
  • Url property type with UIHint "video" is displayed and edited as a video.
  • Url property type with UIHint "document" is displayed and edited as any file.

The following functionality is available for all content types, including media:

  • Wastebasket (trash) support for content types, including moving, viewing, and restoring from trash.
  • Reference check when you delete any content item (image, page, block, and so on); opens a dialog box with links to affected content references.
  • Drag-and-drop support from the media manager in the Assets panel to any overlay or editor that handles files (ContentReferences or URLs with a mediafile, image, or video UIHint).

See Media types and templates for how to define assets and media types for your website.

Related blog post: Image property with media component