Store Display Modes

How each display mode renders in the default card grid on a creator profile. The layout shifts between cover-above-content and icon-inline-with-title.

Icon only Demo

Icon

How this product appears on a creator's profile page.

$4.9928.4 MB

Show cover image Demo

Cover

How this product appears on a creator's profile page.

$4.9928.4 MB

PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW

Show with watermark Demo

Watermark

How this product appears on a creator's profile page.

$4.9928.4 MB

Show without watermark Demo

Visible

How this product appears on a creator's profile page.

$4.9928.4 MB

How each display mode renders in the compact list variant. ProductThumbnail shows a 10×10 square with cover or falls back to a file-type icon.

Icon only Demo

Icon$4.99

Show cover image Demo

Cover$4.99

PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW

Show with watermark Demo

Watermark$4.99

Show without watermark Demo

Visible$4.99

The shared primitive in isolation. Shows exactly what ProductCoverImage renders for each display mode at different sizes.

Large — aspect-video

Icon

Cover

PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW

Watermark

Visible

Small — inline (ProductCoverImage default)

Icon

Cover

PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW

Watermark

Visible

Thumbnail — ProductThumbnail (10×10)

Icon

Cover

PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW

Watermark

Visible

The file-type icon and semantic background color for each of the 6 recognized file types. Used as the fallback when displayMode is "icon" or no cover image exists.

What happens when coverImageUrl is null but displayMode is not "icon", or when fileType is null.

Every display mode × every file type rendered as a card grid. 4 × 6 = 24 combinations.

CoverShow cover image

pdf

image

audio

video

archive

other

WatermarkShow with watermark

PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW

pdf

PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW

image

PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW

audio

PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW

video

PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW

archive

PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW PREVIEW

other

VisibleShow without watermark

pdf

image

audio

video

archive

other