Cloning OpenSea NFT Boilerplate Questions

Moralis General
#688

You may need to add !important to the end of each style so it overrides any existing ones.

For the background, look at the App.jsx and find the style props for Layout. That is where you can add a background colour. This is where I was able to change the background colour to red at the time I made that comment (you have to do this in another place for the Footer because they are separate).

Iā€™ll have another look at the boilerplate if you still have issues finding it and give you the line numbers.

1 Like
#689

where all the listed items will show up after listing for sale because i canā€™t see it in the explore page ?

#690

Would really appreciate it. I tried for another couple hours & havenā€™t been able to come up with a solution. Apologize, im not the most experienced front end developer.

#691

Also would appreciate it if you could show the proper placement for the footer as well. Thank you for the help!

#692

In App.js, at line 65:

<Layout style={{ height: '100vh', overflow: 'auto', background: 'red' }}>

For the footer, at line 116:

<Footer style={{ textAlign: 'center', background: 'red' }}>
1 Like
#693

The error Iā€™m seeing there is you didnā€™t sign the transaction. You have to sign the transaction, did the MetaMask window show up?

#694

Do you see your existing collection on the Explore page? Your listed NFT(s) should still be there.

#695

Thank you so much, appreciate you taking the time to help.

#696

Can anyone please explain why only 10 NFTs show under the ā€œexplore market tabā€ when a specific collection has more than 10 NFTs created?

#697

i did it still does not seem to like the networkā€¦ and there by i am unable to create the smart contractā€¦ let me send you a video shortly

#698

is there a max limit of 20 for useMoralisWeb3ApiCall in the free tier? I am asking because I am trying to fetch 200 NFTs but I am only getting 20 NFTs

#699

smartcontract issue
smartcontract issue1440Ɨ810 2.85 MB
as you can see i am signing into metamask

here is the network setting for the polygon network ā€¦ i feel it does not like it

image
image1199Ɨ803 37.2 KB

#700

I am not 100% sure this will work but try adding the mumbai testnet using the chainlist.org and then reconnect with remix

1 Like
#701

Does this happen on another network?

Hereā€™s a few things you can try and then try deploying again, if it doesnā€™t work move onto the next one:

  • try a different Mumbai RPC like https://matic-mumbai.chainstacklabs.com
  • clear browser cache
  • reset your MetaMask account - Settings > Advanced > Reset Account
1 Like
#702

No, the limit of 20 is just hardcoded by default with this boilerplate. You can change it from two files:

\src\hooks\useNFTTokenIds.js

chain: chainId,
address: addr,
// change the limit
limit: 100,

\src\components\NFTTokenIds.jsx

// get rid of the slice so just map NFTTokenIds directly
{inputValue !== "explore" &&
            NFTTokenIds.slice(0, 20).map((nft, index) => (
#703

Thanks, it worked. I wasnā€™t changing the number inside the slice :slight_smile:

1 Like
#704

Is there a way to add the ability for users (not me the contract deployer) to create their own NFT collection or launch their already created collection and list that collection directly on the marketplace? Like automatically add it into the collections.js file or some other method? I want to allow people to create or add their own NFT collections uncensored & with no need for me to approve or add their collection to the collections.js manually.

#705

thanks will give this a go

#706

could you show proper syntax for adding an image as the background as well? not just a color

#707

launch their already created collection and list that collection directly on the marketplace? Like automatically add it into the collections.js file or some other method

You could save collections e.g. through a form that a user submits which is saved to your Moralis server in a Class, and then pull the list from your server instead of collections.js.

Is there a way to add the ability for users (not me the contract deployer) to create their own NFT collection

You would need a premade contract in place where the user could deploy it with their own wallet e.g. using a name, or IPFS link for ERC1155), and then maybe have another page for minting to it, uploading to IPFS.

1 Like