Creating NFT Marketplace: Buttons/Links Not Working

Moralis General
#1

The button/links “On Sale, Buy/Sell, Your NFTs” does not work (its not clickable) and I can’t seem to get around this, when creating the NFT Marketplace. Is there something I need to do to get this button actually working? I have followed the numerous tutorials and still can’t get it working.

#2

That normally happens when you are not in the correct chain (chainId), if it is not the case, I think it could be because there is some information that is not arriving correctly to the button, maybe if you show the code that is giving you the headache it can help you a little more, greetings

#4
Marketplace 
 <script src="https://cdn.jsdelivr.net/npm/web3@latest/dist/web3.min.js"></script>
 <script src="http://npmcdn.com/[email protected]/dist/moralis.js"></script>
 <script src="https://unpkg.com/moralis/dist/moralis.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/web3@latest/dist/web3.min.js"></script>
<script src="https://unpkg.com/moralis/dist/moralis.js"></script>
<!-- Font Awesome -->
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.css" rel="stylesheet"/>
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap" rel="stylesheet"/>
<!-- MDB -->
<link href="https://cdnjs.cloudflare.com/ajax/libs/mdb-ui-kit/3.6.0/mdb.min.css" rel="stylesheet"/>
<style>

<main>
    <div class="container mt-5">
        <div class="row">
            <h1 id="balance" ></h1>
        </div>
        <div class="row">
            <div class="col-lg-6">
                <div class="text-center bg-dark text-white">
                    <h1>On Sale</h1>
                </div>
                <div id="offeringList" class="text-center">
                </div>
            </div>
            <div class="col-lg-6">
                <div class="text-center bg-dark text-white">
                    <h1>Buy/Sell</h1>
                </div>
                <div id="featured_nft"class="text-center">
                </div>
            </div>
        </div>
        <hr>
        <div class="row"> 
            <div class="text-center bg-dark text-white">
                <h1>Your NFTs</h1>
            </div>
            <div id="NFTLists" class="container">         
            </div>
        </div>   
    </div>
</main>

    <script>
       Moralis.initialize("1234567....."); // Application id from moralis.io

Moralis.serverURL = “https://…”; //Server url from moralis.io

const nft_market_place_address = “0000xxxxx…” //NFT Market Place Contract, code of this contract is in the following github repository https://github.com/DanielMoralisSamples/25_NFT_MARKET_PLACE.

const web3 = new Web3(window.ethereum);

Moralis.authenticate().then(function(){

…

</body>
#5

Thanks for the response… I just shared the code… if I may mention, I have the HTML code and the Javascript code as well in one file… (not sure if that matters)

#6

I’m seeing the code but a lot of info is missing, maybe someone else can help you in the forum, if you want you can share your repository on github and there see in detail how is the logic that you are implementing to help you. PS: If you upload the repository to github please put the private variables in a separate .env file and make sure it is not uploaded to github with .gitignore. Instead put an .env.example with the private variables replaced by “xxxxx” :slight_smile:

#7

Hey
Were you able to fix the issue with the buttons?
I’m currently having the same issue.
cheers