Discussion on EnftyMart - NFT Marketplace HTML & Vue JS Template

Discussion on EnftyMart - NFT Marketplace HTML & Vue JS Template

By
Cart 208 sales
Well Documented

softnio supports this item

Supported

This author's response time can be up to 1 business day.

36 comments found.

Tamik-B

Tamik-B Purchased

Hello! You have created a wonderful and beautiful template, which I purchased because I really like it, but it is a pity that it lacks some elements – for example, the collection page. In the template, for some reason, it leads to the page of the author-creator of the collection. I checked other similar templates on ThemeForest, they have full pages with collections, as well as filters by Blockchains and Properties, and the Properties are also included in the “item-details” pages. Perhaps you forgot to upload these elements?

An update of the template could be great, because now it is not fully functional version. In addition, these improvements could have a positive effect on new sales, since someone may have missed these functions, and they chose other templates.

Sorry for the late reply.

Well, we understand that collection page is missing by name but actually we have designed explore page (with some variation) which is also a collection page. So when a programmer programming this into real function they can simply choose any of example for author and another for based collection/explore page.

But thank you much for for your suggestion, we will add that page in upcoming version, which must help to other customers.

Thank you so much.

How to default to light/dark mode. I am just wondering how to set the mode to default (for user first time visiting) to dark mode.

Sorry for late reply.

Well, you can simply add dark-mode class into body tag then everything will be dark at first load.

Thank you

Perfect. thanks.

You most welcome.

Is there a simple code snipped you could recomment to have 2 small sorting buttons in the table headings on… ......./enftymart-template-v1.2.0/enftymart-html/html/ranking.html

Here is sample code. Can you add a small up/down arrow buttons after the column heading that is a button we can code to reload page with a sort direction for that column? It would be really nice if the up/down arrows were on top of each other (oriented vertically) next to the column heading. Like in the example below, i would like to be able to have some buttons for user to sort age and height ascending or descending. Just need to know how to put a couple buttons in the html that could have a href attribute to reload page with an extra querystring element for sort info.
<section class="ranking-section section-space-b">
    <div class="container">
        <div class="table-responsive">
            <table class="table mb-0 table-s1">
                <thead>
                    <tr>
                        <th scope="col">Name</th>
                        <th scope="col">Age</th>
                        <th scope="col">Height (meters)</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>Tim</td>
                        <td>17</td>
                        <td>1.88</td>
                    </tr>
                    <tr>
                        <td>Tom</td>
                        <td>32</td>
                        <td>1.75</td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
</section>

Well, you can help you with markup but you need to make it work.

So you can use below markup to add sort icon next to heading.

       <section class="ranking-section section-space-b">
            <div class="container">
                <div class="table-responsive">
                    <table class="table mb-0 table-s1">
                        <thead>
                            <tr>
                                <th scope="col">Name</th>
                                <th scope="col">Age
                                    <a href="#"><em class="icon ni ni-sort" /></a>
                                </th>
                                <th scope="col">Height (meters)
                                    <a href="#"><em class="icon ni ni-sort" /></a>
                                </th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>Tim</td>
                                <td>17</td>
                                <td>1.88</td>
                            </tr>
                            <tr>
                                <td>Tom</td>
                                <td>32</td>
                                <td>1.75</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </section>

that will work perfect, thank you very much.

Glad to hear that.

Thank you

Could we get an update with latest dependencies?

Thanks for asking.

Well, if you do fresh install then it always install latest version of dependency or if you run npm update command then all the dependency packages will update to latest.

Thank you

Hi, congrats for your work. I want to ask if this version can work only as pure HTML and JS without need of Vue JS.

Thanks in advance.

Thanks for your query.

Well, this template included pure html and vue js separately. So you can use HTML one only for your project.

Thank you

Thanks for the reply. Just purchased :)

Glad to hear from you.

If you face any issue please let us know.

Thank you

How can I add Vue-Meta plugin with the suit version.

Or how can I use SEO here. Like add title,description,link…etc on the page.

Thanks for your comment.

Well, you can use Vue related plugin into Vue template to achieve then plugin feature.

You may contact us after purchase template and if you face to integrate any plugin.

Thank you

npm ERR! cb() never called!

When I run ‘npm install’, the error appear.

node version: v14.21.3 npm version: 6.14.18

how to fix it?

You should purchase our template and then contact us via support center here – https://support.softnio.com/ using your purchase code.

Thank you

Hi, I am making a simple website with this template, the url is: https://lyrics.randomk.me/ i noticed when you first open it, or you open it the first time after few hours, many elements in the layout overlapse with each other, but if you reload it, everything will be perfect, is it because of the transitions maybe? please help me fix it, thanks!

if you load it many times, it will happen, especially after a while, the items in the list and the pagination section overlap with each other, it seems like the item in the collection failed to calculate the height or something like that. What’s your email address? I can send you some screenshots.

I may have fixed the issue, after lots of googling, I removed the library called ‘Isotope’, it seems like the issue has gone.

It’s good to know that your issue has been resolve. By default isotope is not necessary to you as you do not use filter option.

Thank you

Hi! Does this template be compatible with Vue 2 version? (Not Vue 3)

Sorry as this is based on Vue 3 so it not work with Vue 2.

Thank you

I’ve been trying to create form elements using the bundled bootstrap 5.x but it don’t seem to work correctly for some elements. It either conflicts with the custom CSS or doesn’t display correctly.

Can you please fix the integration with bootstrap so it works well.

e.g. <label>Example select</label> <select class=”form-control”> <option value=”1”>1</option> <option value=”2”>2</option> </select>

Well, can you try these -

If you want to use choice.js then please use these code –

<div class="form-choice-wrap">
    <select class="form-choice">
        <option value="0">Select</option>
        <option value="1">option 1</option>
        <option value="2">option 2</option>
    </select>
</div>

or if you want to use bootstrap then use these code -

<select class="form-select">
     <option selected>Select</option>
     <option value="1">One</option>
     <option value="2">Two</option>
</select>

So try out and let us know.

Thank you

thanks. That’s what I ended up using, but other bootstrap items like the won’t display correctly. You need to use your custom card-media instead. Just a few inconsistencies. If you can match the key ones in the next release or make them more like bootstrap that would be great.

I also use your dashlite admin panel, so if the two can integrate better also, that would be even better :-)

Well, as per your last markup codes is for older version. So you actually need to copy markup from bootstrap v5 markup otherwise design can be broken.

Also DashLite and Enftymart is completely different so you can not use one markup inside another. The best way is use original markup of Enftymart or use markup from BS5 version.

Thank you

Hi there.

I have a Mac M1 laptop and when I run “npm run serve” , it does not run. See comment below with error details.

Please help

Sorry to hear from you.

Well, you are using latest version of Node which is not LTS version and that can be cause as we always tested with stable version.

So you should install latest version from LTS as v16.x version and try out and hope everything will be fine.

Thank you very much.

Hi. Thank you very much, that fixed the error!

You most welcome.

I have got an error for ‘npm install’ command

node -v v12.16.3 npm -v 7.6.3

npm install npm ERR! code ERESOLVE npm ERR! ERESOLVE unable to resolve dependency tree npm ERR! npm ERR! Found: vue@3.2.37 npm ERR! node_modules/vue npm ERR! vue@”3.2.24” from the root project npm ERR! vue@”>=3.0.0” from v-pagination-3@0.1.7 npm ERR! node_modules/v-pagination-3 npm ERR! v-pagination-3@”0.1.7” from the root project npm ERR! 4 more (vue-router, vue-select, vue3-clipboard, @vue/babel-preset-app) npm ERR! npm ERR! Could not resolve dependency: npm ERR! peerOptional vue@”2.x” from @vue/babel-preset-jsx@1.3.0 npm ERR! node_modules/@vue/babel-preset-app/node_modules/@vue/babel-preset-jsx npm ERR! vue/babel-preset-jsx1.2.4” from @vue/babel-preset-app@4.5.19 npm ERR! node_modules/@vue/babel-preset-app npm ERR! vue/babel-preset-app4.5.19” from @vue/cli-plugin-babel@4.5.19 npm ERR! node_modules/@vue/cli-plugin-babel npm ERR! dev vue/cli-plugin-babel“~4.5.0” from the root project npm ERR! npm ERR! Fix the upstream dependency conflict, or retry npm ERR! this command with—force, or—legacy-peer-deps npm ERR! to accept an incorrect (and potentially broken) dependency resolution. npm ERR!

Sorry to hear from you.

Well, you should update your node as well as npm. You are using very older version that is why your are getting this error.

Thank you

Can you add a help section page or a faq page or something like that? Can you be contacted for custom page designs?

are you planning any updates? havent been any since feb.

Thanks for your suggestion. We will think about in our future update but we can not promise for any schedule.

Sorry but right now we are unable to take customization order.

Also in short time we do not have any plan to release update as our team is busy with other product update.

Thank you

I would like to change all fonts how to do that?

Thanks for asking. Well, you can define your font from scss file which is locate in /scss/fonts folder.

Thank you

Would be good to include a component for nft traits to be displayed on the details page in next version which are a must have for any nft collector. :)

Thanks for your suggestion.

We will consider in our feature update but we can not promise for any schedule for that.

Thank you

Hello. I’m student and studying web development now. I’m really making good use of the templates I bought from my personal vue3 projects for get a job. But there’s a problem. There is no problem running locally. However, if you check after distributing to the server, the icon image will be broken. can you tell me what kind of problem? I couldn’t find solution for this problem…

Well, we are not show you where you have deployed or how exactly image is broken. But if you are trying to deploy into regular hosting server then you must use the project under main domain or sub-domain. Please do not try under sub-directory.

Thank you

Also the filter buttons , recent, price high and price row doesn’t work for me. No error. Just no function. Any Ideas?

If you working on HTML template then there is nothing functional on that as everything is static.

Thank you

Could you help me with this error? (Javascript console) [Error] Failed to load resource: the server responded with a status of 404 (Not Found) (swiper-bundle.min.js.map;, line 0). The file is not included in the project files

Thanks for your asking.

Can you let us know which version of template are you using? So can check from our end?

Also as missing source map file which does not affect to your website.

Thank you

Hello, could you please fix the bug that the footer is always at the bottom? If you open the login or some other pages at a bigger display the footer is not at the bottom … Thanks

Thanks for letting us know. We will check and fixed in next update.

Hey, is the metamask integration and smart contract parts included to Vue version? Thanks.

Sorry, there is no functional integration available.

how to use event @change in v-select

You may use :change instead of @change.

Thank you

by
by
by
by
by
by

Tell us what you think!

We'd like to ask you a few questions to help improve ThemeForest.

Sure, take me to the survey