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
  • Peer Dependencies
  • Overview
  • Creating Listings
  • Adding Marketplace Widgets

Was this helpful?

  1. Resources
  2. Widgets

Marketplace Widgets

Add Manifold Gallery marketplace listings to your website.

Last updated 8 months ago

Was this helpful?

Current Version

3.5.18

Javascript Library

https://marketplace.manifoldxyz.dev/3.5.18/marketplace.umd.min.js

Base CSS

https://marketplace.manifoldxyz.dev/3.5.18/marketplace.css

Additional CSS

https://marketplace.manifoldxyz.dev/3.5.18/marketplace.manifold-light.css

https://marketplace.manifoldxyz.dev/3.5.18/marketplace.manifold-dark.css

Required Properties

  • data-widget: The type of you wish to use

  • data-network: The network chain id your listing is on (e.g. Ethereum Mainnet is 1).

  • data-id: The id of the listing you've created

The data-network props MUST match the values used for the or your instantiated instance of the , otherwise the widget will not work.

Peer Dependencies

  • data-network

  • data-fallback-provider (for blockchain read operations)

  • data-wallet-connect-project-id

This only affects m-layout-complete-listing and m-layout-details-display.

This only affects m-layout-complete-listing.

Overview

Marketplace widgets are a set of customizable UI components that allow you to create a fully customized marketplace experience.

Creating Listings

Adding Marketplace Widgets

Version 3.5.0 and above requires (>= 3.0.0)

To display the option to connect with Wallet Connect, you must use >= 3.0.0 and provide values for:

You can find more details on the .

Uses the (>= 2.0.0) to display a listing's seller's details. If this is not included, the seller's details will not appear.

Uses the (>= 0.1.0) to display the marketplace on which the listing's token is blocked, if any. If this is not included, the widget will not appear.

They have been used by artists to build , curators to build exclusive listing sites and by Manifold .

Listings are created and managed via the

You can find detailed instructions on how to install and use widgets for your specific website stack by referring to . Step 1 and 2 are not required for this widget.

Version Change Notes
marketplace widget
Connect Widget
Manifold Ethereum Provider
Connect Widget
Connect Widget
Wallet Identity Widget
Restricted Token Widget
completely unique sales experiences
native gallery listings
Manifold Gallery App in Manifold Studio
Connect Widget > Wallet Connect section
Step 3 in the Getting Started Guide