LogoLogo
Manifold for Developers
Manifold for Developers
  • Introduction
  • Shopify Merch Bridge
    • Overview
    • Tutorial
      • Step 1: Product Gate Setup
        • 1.1: Configure the Product
        • 1.2: Install Manifold Merch Bridge
        • 1.2: Create a New Product Gate
        • 1.3: Link a Product to the Gate
        • 1.4: Add Rules
      • Step 2: Store Theme Setup
        • 2.1 The Theme Editor
        • 2.2 Product Page Setup
        • 2.3 Cart Page Setup
    • Advanced Configuration
    • FAQ / Error Help
    • Reference
      • Product and Gate Configuration
        • Shopify Products
        • Product Gates
          • Gate Products
          • Rules
      • Custom Themes
      • Updating to the Latest Version
      • UI Configuration Options
      • Advanced Usage
      • Common Issues
  • Guides
    • Getting Started
    • HTML
    • React
    • NextJS
    • Vue
    • Wix
    • Squarespace
      • Simple Squarespace Site
      • Customised Squarespace Template
  • Resources
    • Apps
      • Grant Types
    • Widgets
      • Directory
      • Manifold CSS Variables
        • Scheme Utility Classes
        • List of Manifold CSS Variables
      • Connect Widget
        • Blockchain Interaction
        • Wallet Authentication
        • Data Client
          • NFT Information Retrieval
            • getNFT
            • getNFTsOfOwner
            • ownerHasNFT
            • getCollectors
          • Data Storage and Retrieval
        • Advanced Configuration
        • Customization & Styling
        • Automatic Error Handling
      • Campaign Widget
        • Campaign Creation
          • Questionnaire
        • Campaign Progress
        • Customization & Styling
      • Curation Widget
      • Marketplace Widgets
        • Widgets
          • Data Attributes
          • Layout Widgets
          • Card Widgets
          • Listing Widgets
        • Window Events
        • Troubleshooting
        • Customization & Styling
        • Version Change Notes
          • 3.2.1 - CSS Selector Changes
          • 3.1.1 - CSS Selector Changes
      • Claim Widgets
        • Widgets
          • Data Attributes
          • Complete Claim Widget
          • Buy Button Only Widget
          • Mint Count Widget
        • Troubleshooting
        • Customization & Styling
        • Version Change Notes
          • 1.7.0, 1.7.1 - CSS Selector Changes
      • Restricted Token Widget
        • Customization & Styling
      • Wallet Identity Widget
        • Customization & Styling
      • Subscription Widget
      • 6551 Display Widget
    • Manifold Ethereum Provider
  • Tools and APIs
    • Merkle Tree Tool
    • Snapshot Tool
    • Discord Tools
    • Server-Side Session Authentication
      • Signature Grant
      • Authorization Code Grant
  • Smart Contracts
    • Manifold Creator
      • Contracts
        • Creator Core
          • Common Functions
          • ERC721 Functions
          • ERC1155 Functions
        • Extensions
          • Extensions Functions
          • Extensions Examples
          • Extensions Deployment Guide
            • Dynamic NFT Extension
            • Lazy Mint Extension ERC1155
            • Lazy Mint Extension ERC721
        • Mint Permissions
          • Mint Permissions Functions
      • Prior Versions
        • 1.0.x
          • Creator Core
            • Common Functions
            • ERC721 Functions
            • ERC1155 Functions
          • Extensions
            • Extensions Functions
            • Extensions Examples
            • Extensions Deployment Guide
              • Dynamic NFT Extension
              • Lazy Mint Extension ERC1155
              • Lazy Mint Extension ERC721
          • Mint Permissions
            • Mint Permissions Functions
        • 2.0.x
          • Creator Core
            • Common Functions
            • ERC721 Functions
            • ERC1155 Functions
          • Extensions
            • Extensions Functions
            • Extensions Examples
            • Extensions Deployment Guide
              • Dynamic NFT Extension
              • Lazy Mint Extension ERC1155
              • Lazy Mint Extension ERC721
          • Mint Permissions
            • Mint Permissions Functions
    • Marketplace
      • Identity Verifier
    • Royalty Registry
  • Contact Us
Powered by GitBook
On this page
  • 3.4.1
  • New
  • 3.3.0
  • New
  • 3.2.1
  • New
  • Breaking
  • 3.1.1
  • New
  • Breaking
  • Under the hood
  • 2.4.48
  • New

Was this helpful?

  1. Resources
  2. Widgets
  3. Marketplace Widgets

Version Change Notes

Marketplace widgets change notes.

Last updated 2 years ago

Was this helpful?

Stable versions are listed below, along with the major changes introduced in each version.

3.4.1

New

  • Fixed price listings now support custom buy button text.

  • Squashed some bugs concerning fixed price listings, display issues when using Metamask Mobile browser.

3.3.0

New

  • Marketplace widgets now support linking to platforms other than OpenSea when specified in the attribute.

3.2.1

New

  • Marketplace widgets now support .

  • Marketplace widgets also offer their own set of CSS variables.

  • Better error messaging on the "bid" button.

Breaking

    • No need to worry about whether the listing is a bid or an offer, as m-listing-interactions handles that for you.

  • Improvements were made to CSS selectors and rulesets for clarity and consistency across widgets. See 3.2.1 - CSS Selector Changes for the list of changes.

3.1.1

New

  • Listings now support ranked offers interface.

    • m-listing-offers widget.

  • It is now possible to add id, class attributes to the HTML element with a data-widget attribute.

Breaking

  • data-widget name changes:

    • m-catalog-card -> m-card-catalog

    • m-countdown-card -> m-card-countdown

    • m-ad-card -> m-card-ad

  • CSS class names were changed between v2 and v3 to offer more clarity and to avoid common class name clashes. See 3.1.1 - CSS Selector Changes for the list of changes.

    • data-background-image, data-background-gradient-config are deprecated.

Under the hood

  • Marketplace widgets now detect newly created elements and updated data-attributes automatically.

  • Improved performance due to architectural changes.

2.4.48

Oldest public implementation of Marketplace widgets. Deprecated Rinkeby in favour of Goerli.

New

    • data-background-image: the URI to the image to be displayed as the background;

    • data-background-gradient-config: the JSON string that specifies the background gradient color(s), type, and angle

    interface MediaBackgroundGradientConfig {
      /** angle in degrees representing from which direction the gradient (linear/conic) flows */
      angle?: number;
      /** string array of colors for the media background */
      colors?: string[];
      /** if two or more color values are provided, specifies the type of background */
      type?: MediaBackgroundType;
    }

widget replaces m-listing-bids and m-listing-offers .

reads directly from .

No longer necessary to dispatch the event.

's background is configurable using the following data-props:

These two props need to be provided instead of the prop when using this widget on its own.

Manifold CSS variables
m-refresh-widgets
data-view-link-platform
data-media-background
data-media-background
m-listing-interactions
m-listing-image-expandable
m-listing-image-expandable