30 comments found.
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!
We just visit your website first time and did not experience anything like you have explained. We tried different browser too.
On the other hand you may use lazy load with preloader which may help you bit to load everything before show.
Thank you
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>
Got some to work, but still doesn’t play well with the custom css. Might need to look into it for the next release. thanks.
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
INFO Starting development server… 10% building 2/5 modules 3 active …ftymart-template-v1.2.0/enftymart-vue/src/main.jsError: error:0308010C:digital envelope routines::unsupported at new Hash (node:internal/crypto/hash:67:19) at Object.createHash (node:crypto:133:10) at module.exports (/Users/amina/Downloads/enftymart-template-v1.2.0/enftymart-vue/node_modules/webpack/lib/util/createHash.js:135:53) at NormalModule._initBuildHash (/Users/amina/Downloads/enftymart-template-v1.2.0/enftymart-vue/node_modules/webpack/lib/NormalModule.js:417:16) at handleParseError (/Users/amina/Downloads/enftymart-template-v1.2.0/enftymart-vue/node_modules/webpack/lib/NormalModule.js:471:10) at /Users/amina/Downloads/enftymart-template-v1.2.0/enftymart-vue/node_modules/webpack/lib/NormalModule.js:503:5 at /Users/amina/Downloads/enftymart-template-v1.2.0/enftymart-vue/node_modules/webpack/lib/NormalModule.js:358:12 at /Users/amina/Downloads/enftymart-template-v1.2.0/enftymart-vue/node_modules/loader-runner/lib/LoaderRunner.js:373:3 at iterateNormalLoaders (/Users/amina/Downloads/enftymart-template-v1.2.0/enftymart-vue/node_modules/loader-runner/lib/LoaderRunner.js:214:10) at iterateNormalLoaders (/Users/amina/Downloads/enftymart-template-v1.2.0/enftymart-vue/node_modules/loader-runner/lib/LoaderRunner.js:221:10) at /Users/amina/Downloads/enftymart-template-v1.2.0/enftymart-vue/node_modules/loader-runner/lib/LoaderRunner.js:236:3 at runSyncOrAsync (/Users/amina/Downloads/enftymart-template-v1.2.0/enftymart-vue/node_modules/loader-runner/lib/LoaderRunner.js:130:11) at iterateNormalLoaders (/Users/amina/Downloads/enftymart-template-v1.2.0/enftymart-vue/node_modules/loader-runner/lib/LoaderRunner.js:232:2) at Array.<anonymous> (/Users/amina/Downloads/enftymart-template-v1.2.0/enftymart-vue/node_modules/loader-runner/lib/LoaderRunner.js:205:4) at Storage.finished (/Users/amina/Downloads/enftymart-template-v1.2.0/enftymart-vue/node_modules/enhanced-resolve/lib/CachedInputFileSystem.js:55:16) at /Users/amina/Downloads/enftymart-template-v1.2.0/enftymart-vue/node_modules/enhanced-resolve/lib/CachedInputFileSystem.js:91:9 node:internal/crypto/hash:67 this[kHandle] = new _Hash(algorithm, xofLen); ^
Error: error:0308010C:digital envelope routines::unsupported at new Hash (node:internal/crypto/hash:67:19) at Object.createHash (node:crypto:133:10) at module.exports (/Users/amina/Downloads/enftymart-template-v1.2.0/enftymart-vue/node_modules/webpack/lib/util/createHash.js:135:53) at NormalModule._initBuildHash (/Users/amina/Downloads/enftymart-template-v1.2.0/enftymart-vue/node_modules/webpack/lib/NormalModule.js:417:16) at handleParseError (/Users/amina/Downloads/enftymart-template-v1.2.0/enftymart-vue/node_modules/webpack/lib/NormalModule.js:471:10) at /Users/amina/Downloads/enftymart-template-v1.2.0/enftymart-vue/node_modules/webpack/lib/NormalModule.js:503:5 at /Users/amina/Downloads/enftymart-template-v1.2.0/enftymart-vue/node_modules/webpack/lib/NormalModule.js:358:12 at /Users/amina/Downloads/enftymart-template-v1.2.0/enftymart-vue/node_modules/loader-runner/lib/LoaderRunner.js:373:3 at iterateNormalLoaders (/Users/amina/Downloads/enftymart-template-v1.2.0/enftymart-vue/node_modules/loader-runner/lib/LoaderRunner.js:214:10) at Array.<anonymous> (/Users/amina/Downloads/enftymart-template-v1.2.0/enftymart-vue/node_modules/loader-runner/lib/LoaderRunner.js:205:4) at Storage.finished (/Users/amina/Downloads/enftymart-template-v1.2.0/enftymart-vue/node_modules/enhanced-resolve/lib/CachedInputFileSystem.js:55:16) at /Users/amina/Downloads/enftymart-template-v1.2.0/enftymart-vue/node_modules/enhanced-resolve/lib/CachedInputFileSystem.js:91:9 at /Users/amina/Downloads/enftymart-template-v1.2.0/enftymart-vue/node_modules/graceful-fs/graceful-fs.js:123:16 at FSReqCallback.readFileAfterClose [as oncomplete] (node:internal/fs/read_file_context:68:3) { opensslErrorStack: [ ‘error:03000086:digital envelope routines::initialization error’ ], library: ‘digital envelope routines’, reason: ‘unsupported’, code: ‘ERR_OSSL_EVP_UNSUPPORTED’ }
Node.js v18.4.0 npm ERR! code 1 npm ERR! path /Users/amina/Downloads/enftymart-template-v1.2.0/enftymart-vue npm ERR! command failed npm ERR! command sh -c vue-cli-service serve
npm ERR! A complete log of this run can be found in: npm ERR! /Users/amina/.npm/_logs/2022-09-28T20_53_40_954Z-debug.log (base) amina@Aminas-MBP enftymart-vue %
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-jsx
“1.2.4” from @vue/babel-preset-app@4.5.19
npm ERR! node_modules/@vue/babel-preset-app
npm ERR! vue/babel-preset-app
“4.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
I am facing error while Creating a Component, the step are not define clearly. Can you please guide…
// Open up the new file in your text editor.
In this file, create a div by using the tag inside of <template> Inside of this add the
element with the content Hello World //
Here i am not clear which new file need to create ? and with what will be the extension..
Secondly
// When you import using ES6, you are essentially creating a variable to later reference in your code. In this case, you are storing the code from HellowWorld.vue into a variable called HellowWorld You need to register it via the component property before you can use it. //
I am not clear with this step as well. Is there any video or Image Tutorial for this to understand it better.
We are sorry we do not have any video but you can search on youbute and you got lots of. It’s hard to guide you step by step but this can help you little bit – https://www.digitalocean.com/community/tutorials/how-to-generate-a-vue-js-single-page-app-with-vue-create
Also you can you can learn more from here – https://v3.vuejs.org/guide/introduction.html
Thank you.
Hi, can you tell me how ta add a date picker ? Thanks.
Well, by you can use default datapicker as input type date for date picker.
Thank you.
Hello there, How do I disable mobile view for the navigation so that navigation still exists instead of hidden in the side modal? It seems like at 992px, the menu changes to mobile view but I do not want to hide the navigation from the header. Is there an option to disable mobile mode? Thanks
Thanks for choosing our template.
Can you let us know which template are you using as the html one or vue one?
Thank you.
Hi there.
Can you provide a simple tutorial or a couple of steps to install this template over a Laravel PHP?
I’m getting a lot of errors on npm run watch.
Thanks for choosing our template.
We are extremely sorry but we do not have any tutorial or step by step guildline that can help you use the template over the Laravel.
What kind of error you are getting? is this inside your Laravel application? Or directly as by default template also have own package that work over npm. We do not think that there is any issue with directly use but there is chance when you use inside Laravel.
Also you may check Laravel documentation as how use use html template in blade template as it will helps you.
Thank you.
Hi @softnio – I have installed it. It was needed Vue 3 to work, not Vue 2. Thanks for the template!
Thanks letting us know. Our template is based on Vue 3+ as you can see in our package json file.
Thank you.
HTML version ? xD
It will available by tomorrow to download. You will get notification once we updated our package.
Thank you.
Our pure html template is now available for download.
\o/
Thank you very much.
Please do not forgot give a good ratting to our template
hey, is the html version for sale yet ? if yes where can i purchase, if not when do you think it will be ready ? thank you
Well, it will available under this template very soon as we just make ready our preview. Package will available for download today or tomorrow.
Thank you.
Our pure html template is now available for download.