UI Configuration Options
Each of the following configuration options can be made by adding props to the
m-add-to-cartdiv, within the theme's
The Shopify Gate can show an OpenSea link to get NFTs if you are on a product page and you don't have any qualifying NFTs. To display and configure the link location, simply add the prop:
Whenever a product is added, we show a confetti animation. By default, they are the 👕 and 🧢 emojis. You can change this to your own emoji by adding the prop:
You can disable the confetti by adding the prop
If you've implemented your own cart icon and want the counter to refresh whenever a product is added, it must be a liquid Section. To get this Section counter to refresh, add the prop:
This will cause the section to update whenever the cart is updated. For reference, the default Dawn theme section is called "cart-icon-bubble" and can be found under "Sections: cart-icon-bubble.liquid". Please check this out to see how they show cart counters.
Make sure your div id is the same as your section name!
You can force a redirect to the cart page when an item is added. To do this, add the prop:
You can also force a page reload when items are added. To do this, add the prop:
You may want some custom properties for your products (e.g. an Engraving message). If you have added a custom input property field, you MUST configure the Merch Bridge to know about these properties. To do this, add the prop:
Make sure the property field id you are using matches the id of the input field of the property.
You can add multiple properties by putting a comma separated list of property field id's.
The text of the various buttons can be changed as well. The props to configure are:
data-add-to-cart-text: Default "Add to Cart"
data-apply-discount-text: Default "Apply Discount"
data-nft-available-title: Default "Discount Available"
data-nft-available-message: Default "LFG! Apply Discount for more info"
data-nft-eligible-title: Default "NFT Discount Eligible"
data-nft-eligible-message: Default "Use "Connect Wallet" button to apply discounts"
data-no-eligible-tokens-message: Default "You don't have eligible tokens."
data-no-eligible-tokens-title: Default "Token Exclusive"
data-checkout-text (applied to
m-checkout): Default "Checkout with NFTs"
data-clear-cart-text (applied to
m-checkout): Default "Clear Cart"
data-already-existing-checkout-message (applied to
m-checkout): Default "Already existing checkout, click here to complete."