Cloning OpenSea NFT Boilerplate Questions

I had these issues to begin with - It’s difficult to tell the exact problem but if you were anything like me, my tables on my server were named differently from the tables in the code.

This stopped everything from working but changing these pretty much fixed it. I am only guessing here but out of the box, that was my problem.

Hi all, thanks to this thread, I have pretty much everything working with some custom bits. I’m pretty happy with the code etc. to add more features so thank you and massive love to Moralis! I’ve added payment splitter and some royalty functionality to the contracts and got the visuals looking good.

I wondered if anyone could give me some advice on getting the react header mobile responsive i.e. I built the Marketplace and added/edited my features - all working great in chrome but when I go to metamask browser on Mobile, the top menu bar extends off screen.

I know I probably need to build a mobile header and use a @mediaquery somewhere but this is my first React Rodeo (more of a server/solidity person) so if anyone has any good advice etc. I’m listening! I’m mildly worried about completely breaking everything due to my noob React status.

Thank you!

you have to take the code at the time of recording, it is available in the comments field.

Thanks for your reply. I have clicked on Approve first and it has been successful. And I get the same message and the listing fails.

Hey guys,

So if I want to list ERC1155 nft what should I change in the marketplace contract please ?

When I approve it works perfectly, but when I try to list my ERC1155 NFT it doesn’t work I get this error : “[Violation] ‘setTimeout’ handler took 53ms” and I’m sure there’s something to add in the marketplace contract that will make it work.

Please help, I look forward to hearing from you guys.

why the code from this tutorial are too small?
i got problem reading small text

Hello you can look at the starter code repo and the final code repo.

i see but i am more interested to watch and learn how to build it

If you can’t read the video text you’ll have to open the code from the repos separately e.g. alongside it to follow along.

ah ok but can you read the text from the video? or it is just me that have eye issue

The text is a little blurry at max quality but I can still read it yes.

I can’t figure out how to change the Moralis logo in the top left

To change the Moralis logo, you can edit the Logo component in App.jsx. You can swap out the svg element with your own img (this moralis.png is inside the public folder):

<img src="./moralis.png" />

To change the background colour, you can add background: 'red' into the Layout style props in the same App.jsx.

A way to find out where to change things is to inspect elements in your browser and then look for the file where the code should realistically be in.

Hi guys,
How would I go about automatically displaying newly listed NFTs on the Explore Market page instead of having the hard-coded collections be there ? Not even sure where to begin.

Also another thing, whenever I access the Explore Market page, the Google Chrome console shows an error, POST https://“my-moralis"server”/server/functions/getAllTokenIds 400
Is that something I should worry about ?

The hard-coded collections can be changed in helpers/collections.js. Here you can put your own collection address and chain.

Yes that issue happens consistently, it is from the inputValue state variable in App.jsx. The App tries to make a getAllTokenIds call with explore as an address. It is just how the app is structured.

Hi, thanks for the response.
Thanks for clarifying the issue with the error.
I’m already aware that the hard-coded collections can be changed.
However, what I’m curious about is how exactly I would go about displaying every single listed NFT instead of displaying collections on the Explore Market page.

Do you mean NFTs from your own collection or all collections? And by listed, you mean on OpenSea?

From all collections, and listed for sale on the marketplace itself

You’ll probably have to use the OpenSea API or the Moralis plugin for that to get all the latest orders.

I believe I may have misunderstood something, does this boilerplate actually have anything to do with OpenSea ? Will any items created and listed on there only show up on OpenSea ?

You said you were looking for all collections that are listed and for sale. My assumption was you were referring to getting this from a marketplace. Are you looking to get all the latest NFTs that are minted and somehow determine if they are for sale e.g. look them up on each marketplace like OpenSea or Rarible? I’m not too sure what you are looking for exactly.