Card Widgets

Cards are standalone blocks with a predefined layout, used when displaying a collection of listings.

m-card-catalog: light

m-card-catalog: dark

m-card-catalog

[Updated name] In versions < 3.0.0: m-catalog-card.

Shows the listing's image and details along with a status indicator on the top-right corner of the card.

<div
  data-widget="m-card-catalog"
  data-id="LISTING_ID"
  data-network="NETWORK"
></div>

m-card-countdown: light

m-card-countdown: dark

m-card-countdown

[Updated name] In versions < 3.0.0: m-countdown-card.

Shows the listing's image and details along with a countdown at the bottom of the card. If the auction has ended, it will display the text "Ended" instead.

<div
  data-widget="m-card-countdown"
  data-id="LISTING_ID"
  data-network="NETWORK"
></div>

m-card-ad

New in versions >= 3.0.0

Shows the listing's media and name along with its price details at the bottom of the card. The status of the listing is displayed at the top left. Typically used to promote work by the same artist.

<div
  data-widget="m-card-ad"
  data-id="LISTING_ID"
  data-network="NETWORK"
></div>

Displaying a card widget with other layout/card/listing widgets for the same listing is supported in version >= 2.4.0.