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

Was this helpful?

  1. Shopify Merch Bridge
  2. Reference

Common Issues

And their solutions!

Last updated 1 year ago

Was this helpful?

Config Error on the Connect Widget

Custom Domain

This error will happen if your store has a custom domain and does not use the default helloworld.myshopify.com domain.

To fix this, in the with the following settings:

  • App Name: <YOUR STORE NAME> (e.g. "My Cool Store")

  • Description: <YOUR STORE DESCRIPTION>

  • Grant Type: Token

  • Redirect URI: <YOUR CUSTOM DOMAIN WITHOUT TRAILING SLASH> (i.e. https://helloworld.com)

Once you do this, the Shopify Merch Bridge will recognise your custom domain.

Changed Store Name

This will also happen if you changed your store name. To fix it, simply uninstall and reinstall the Manifold Token Gate by visiting <your shopify store>.myshopify.com/admin

Quantity is always 1 when adding a gated item

The Manifold Merch Bridge relies on <div> class names to retrieve the selected quantity when adding a gated item to the cart. This issue arises when you are using a custom theme and the <div> tag enclosing quantity input field does not have the proper id.

To fix this issue, ensure that the parent <div> of the quantity input box has the class quantity.

Example:

The Debut theme needed the following modification within the section/product-template.liquid file:

<div class="quantity">
  <label for="Quantity-{{ section.id }}">{{ 'products.product.quantity' | t }}</label>
  <input type="number" id="Quantity-{{ section.id }}"
    name="quantity" value="1" min="1" pattern="[0-9]*"
    class="product-form__input product-form__input--quantity" data-quantity-input
  >
</div>
Cart icon not updating when a gated item is added

This can occur if you are using a custom theme where the section's <div> does not match the section name. To correct this, add ensure the id prop of the section <div> matches the section name, and ensure that the data-cart-icon-section property is set with the corresponding sections that contain the cart icon (see ).

Example:

The Debut theme needed the following customizations because the cart icon is located within sections/header.liquid:

  1. snippets/manifold-campaign-widget.liquid

    <div data-widget="m-add-to-cart" data-cart-icon-section="header">
    </div>

  2. snippets/header.liquid (modify so that the header div has the id value of 'header')

    <div id="{{ section.id }}" data-section-id="{{ section.id }}" data-section-type="header-section" data-header-section>
Add to cart button hidden

When setting up a gate there is a checkbox to indicate if a token exclusive or not. If “exclusive” is checked off the regular add to cart will not show.

make an app
Manifold Developer Portal
Config Error
UI Configuration Options