Discussion on Veluxi - Vue JS Landing Page Collection

Discussion on Veluxi - Vue JS Landing Page Collection

Cart 1,044 sales
Recently Updated
Well Documented

ilhammeidi supports this item

Supported

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

123 comments found.

Do you expect to release version to nuxt3?

Hi, yes I will start to upgrade to Vue 3 and Nuxt 3 next year.

There is a parallax bug in safari http://veluxi.ux-maestro.com/profile. The cover image flows over the content. That’s a bug consistent in all the templates not just veluxi. Please suggest a fix for the bug. Thanks

Hi neoagerx,

Thanks for purchasing and the reported issue.

To fix it, please add z-index in profile-theme/components/BannerNav/banner-style.scss

.cover {
  z-index: 1
}

.text {
  z-index: 1
}

And in profile-theme/components/About/about-style.scss

.photo {
  z-index: 1
}

Hope this can help. I will make a patch for this issue in next update.

Regards

Iam got error when npm run dev. error result is (node:3815) [DEP0148] DeprecationWarning: Use of deprecated folder mapping ”./” in the “exports” field module resolution of the package at /saas-theme/node_modules/vuex/package.json and nuxt/components/package.json

node v16.13.0 npm 8.1.3 @vue/cli 4.5.15 npx 8.1.3

Can you help me faster

Thanks You

Hi Nxuser,

Terimakasih telah membeli Veluxi.

Untuk error tersebut seharusnya website tetap bisa berjalan karena End of Life nya di node v17 https://nodejs.org/docs/latest-v16.x/api/deprecations.html#DEP0148 Dan dari github vuex nya pun masih belum direlease patchnya (masih di branch develop https://github.com/vuejs/vuex/pull/2048)

Jadi sambil menunggu patchnya untuk development bisa di tambahkan "./*": "./*", di node_modules/vuex/package.json

"exports": {
    ".": {
      "module": "./dist/vuex.esm.js",
      "require": "./dist/vuex.common.js",
      "import": "./dist/vuex.mjs" 
    },
    "./*": "./*",
    "./": "./" 
  },

Untuk versi fullnya https://github.com/vuejs/vuex/blob/dev/package.json

Semoga membantu dan silahkan jika ada pertanyaan lebih lanjut.

Salam.

Hi,

I just purchased Veluxi and am excited to use it as a landing page for my SaaS app. I saw in the documentation it says there are “100+ section components and UI modules which reusable and easy to modify”. That sounds awesome! With other templates I bought in the past, they had a library page where it showed all of the section components, etc. How can I see that with Veluxi? I realize I can see each template online, but I would like to see all of them in one place.

Thanks!

Matt

Hi Matt,

Thanks for purchasing.

This template has no component library. These sections/components are separated within each theme.

Feel free if you have any further queries.

Regards.

Sir, we liked your designs and the way you made them, We are a html5 and PHP developer. by accident, we purchased the vue.js project we wanted to purchase the html5 landing page of your same project. Please help us to solve the issue.

Thank you sir,

Hi hrushikeshthule,

Thanks for purchasing.

Please provide you’re gdrive account via private mssage in https://themeforest.net/user/ilhammeidi

Regards.

In the environment of Safari on iPhone, I cannot open the site developed based on the Veluxi theme.

The site is hosted by Netlify. What can I do to fix this?

Hi KyoheiOmote,

Please try to debug and inspect the iphone with safari desktop in mac https://www.browserstack.com/guide/how-to-debug-on-iphone

You can find the problem in browser console and also check the in element tab, which is the html is rendered correctly or not.

Hope this can help.

Regards.

@ilhammeidi Thank you!

The debugging tool you showed me is very good.

When I use Safari on my iPhone, the loading screen keeps coming up and won’t quit. Is it possible to disable the loading component only when using the Safari browser?

Hi KyoheiOmote,

You can try to use -webkit-touch-callout. Please put in assets/pages.scss

@supports (-webkit-touch-callout: none) {
   #preloader {
     display: none
  }
}

Hope this can help.

Regards.

Hi, I bought the regular license of VELUXI, but I can’t put it in my server. Can you help me please?

i want to pay for you to do it for me. excellone1@gmail.com

Hi gestic,

Thanks for the offer, but unfortunately I’m not available for work right now, because some medical reasons. But I’m still able to support for technical questions and fixing issues.

Regards.

ok ilha, take care. if have a question i will write you

I am getting this error when I build the project > nuxt build

agency-theme@2.0.0 build /home/ubuntu/Templates/veluxi/packages/agency-theme

sh: 1: nuxt: not found npm ERR! code ELIFECYCLE npm ERR! syscall spawn npm ERR! file sh npm ERR! errno ENOENT npm ERR! agency-theme@2.0.0 build: `nuxt build` npm ERR! spawn ENOENT npm ERR! npm ERR! Failed at the agency-theme@2.0.0 build script. npm ERR! This is probably not a problem with npm. There is likely additional logging output above. npm WARN Local package.json exists, but node_modules missing, did you mean to install?

npm ERR! A complete log of this run can be found in: npm ERR! /root/.npm/_logs/2021-08-17T11_48_01_792Z-debug.log ubuntu@ip-172-26-11-76:~/Templates/veluxi/packages/agency-theme$ sudo npm install—save nu xt npm WARN deprecated @nuxt/static@1.0.0: this feature has been moved to the core. you can di rectly use nuxt generate npm WARN deprecated core-js@2.6.12: core-js@<3.3 is no longer maintained and not recommende d for usage due to the number of issues. Because of the V8 engine whims, feature detection

Hi bilalmerokhel,

Thanks for purchasing.

Please install the template with npm install For deployment please follow the docs https://ilhammeidi.github.io/luxivue-doc/

Some servers might have different config or environment, if any errors you can try to build as static sites npm run generate then will generate dist/ folder. You can copy all files in dist/ to your root site.

Feel free if you have any further queries.

Regards.

Thank you my issues were resolved it was error on my end.

Hi brother, please help me how can I deploy this to amazon lightsail ngnix server

Hi bilalmerokhel,

I just replied to your another message.

Regards.

... just a quick follow up: just noticed that the setup works, if i do not rename the package. – It works now.

Thanks again, for creating this wonderful template.

Kind regards, Bernhard

Hi Bernhard,

Thanks for purchasing and the appreciation.

Feel free if you have any further queries.

Regards.

Hi, just bought your awesome veluxi template and tried to install the medical-theme to this folder on my MAC and do get this error

ERROR Could not compile template /Users/cappu/_WWW/tierklinik/nuxt_development/nuxt-tierspezialistensuche/node_modules/@nuxt/vue-app/template/App.js: Cannot resolve ”~/assets/transition.scss” from ”/Users/cappu/_WWW/tierklinik/nuxt_development/nuxt-tierspezialistensuche/assets/transition.scss”

Tried npm install and yarn install – same outcome when I do run npm run dev

Any ideas?

Thanks for help.

Kind regards, Bernhard

I have set the start and end time of Youtube playback with the `start` and `end` properties of playerVars.

However, the `start` and `end` properties do not work for repeat playback.

How can I make the video repeat between the specified start and end times?

```` data() { return { videoId: ‘mtFJkhlA4IA’, playerVars: { autoplay: 1, controls: 0, rel: 0, showinfo: 0, mute: 1, loop: 1, playlist: ‘mtFJkhlA4IA’, origin: ‘https://leadedge-c.com/', start: 16, end: 92 }, yt: youtube, play: false, playCtrl: true, cover: ’/images/cover.jpg’ } }, ````

Hi KyoheiOmote,

You can keep your code above, then in ended() method use player.seekTo(16); And remove this.player.playVideo()

ended() {
      this.player.seekTo(16);
    },

Feel free if you have any further queries.

Regards.

@lhammeidi With your advice, it perfectly works now!

Thank you for telling me how to fix it, with code. It’s very helpful.

I have a WebSite created with veluxi and hosted with Netlify.

When I open the site from Google search results, I am redirected to /index.html instead of the correct root directory.

Is this a problem with the Nuxt.js code? Or is it a problem with the domain settings?

Hi KyoheiOmote,

Thanks for purchasing.

When deployed to netlify, it will be generated as static html, including index.hrml. But after deploy by default the index.html should be not shown. To hide this please try like this https://medium.com/@towfiqu/removing-html-extension-from-netlify-hosted-static-site-with-parcel-41481c9e32fd

Hope this can help.

Regards.

Hello ! I’m trying for several hours to make this work with the latest version of VueJS 2, but there are many compatibility issues. Would it be possible to update the projet and its dependencies ? Thank you!

Hi Yako83,

Thanks for purchasing.

This template already uses latest vuejs version ^2.6.12 For installing packages warning can be ignored, and the project should work properly. I will update dependencies for next update.

Feel free if you have any further queries.

Regards.

Hello,

Thank you for the amazing templates you have created, I am using the agency template for a website, and I want to know how can I change the background, the one that shows behind the squares in the about us section.

Thank you in advance best Ronnie Nissan Harikar NGO

Hi Ronnie Nissan Harikar,

Thanks for purchasing and the appreciation.

The background is parallax, so to edit it please open agency-theme/components/Parallax/Square.vue and for scss agency-theme/components/Parallax/parallax-style.scss

Hope this can help. Feel free if you have any further queries.

Regards.

Hi, can I ask why when I click /contact and other pages the site is completely reloaded even if mode is ‘universal’ in nuxt.config.js ?

Thanks

Hi straps,

Because all the links use href attribute. If you want to navigate without refresh you can use NuxtLink https://nuxtjs.org/docs/2.x/features/nuxt-components#the-nuxtlink-component

For vuetify v-button implementation please use nuxt attribute and to for the url https://vuetifyjs.com/en/api/v-btn/#props-min-width

<v-btn nuxt to="/pageurl">link</v-btn>

Regards.

Hi, everything was fine since yesterday, than “npm run build” started failing with errors like following. I can’t fingure out what I did to make this happen, but even trying to get back, I can’t let it build again. Any idea? Thanks

ERROR in ./node_modules/vuetify/src/components/VOverlay/VOverlay.sass (./node_modules/css-loader/dist/cjs.js??ref-6-oneOf-1-1\\./node_modules/sass-loader/dist/cjs.js??ref-6-oneOf-1-3!./node_modules/vuetify/src/components/VOverlay/VOverlay.sass) Module build failed (from ./node_modules/sass-loader/dist/cjs.js): ValidationError: Invalid options object. Sass Loader has been initialized using an options object that does not match the API schema. – options has an unknown property ‘additionalData’. These properties are valid: object { implementation?, sassOptions?, prependData?, sourceMap?, webpackImporter? } at validate (/home/strx/dev.kung.fund2/node_modules/schema-utils/dist/validate.js:85:11) at Object.loader (/home/strx/dev.kung.fund2/node_modules/sass-loader/dist/index.js:36:28) @ ./node_modules/vuetify/src/components/VOverlay/VOverlay.sass 4:14-207 @ ./node_modules/vuetify/lib/components/VOverlay/VOverlay.js @ ./node_modules/vuetify/lib/components/VOverlay/index.js @ ./node_modules/vuetify/lib/mixins/overlayable/index.js @ ./node_modules/vuetify/lib/components/VNavigationDrawer/VNavigationDrawer.js @ ./node_modules/vuetify/lib/components/VNavigationDrawer/index.js @ ./components/Header/Header.vue @ ./components/Header/index.js @ ./node_modules/babel-loader/lib??ref—2-0\\./layouts/error.vue?vue&type=script&lang=js& @ ./layouts/error.vue?vue&type=script&lang=js& @ ./layouts/error.vue @ ./.nuxt/index.js @ ./.nuxt/client.js @ multi ./.nuxt/client.js

Hi straps,

Please try to uninstall sass-loader
npm uninstall --save-dev sass-loader
npm install --save-dev sass-loader@

Here is the reference https://stackoverflow.com/questions/58184549/sass-loader-error-invalid-options-object-that-does-not-match-the-api-schema

Regards.

Hi, I’m using your Veluxi theme and it is awesome.

I would like to ask you if you’re available to work on some customizations, manly on images, in the style of the crypto layout.

I will pay you obviously, let me know, thanks.

Hi straps,

Thanks for purchasing and the appreciation.

And yes we are available for template customizations. For further information fell free to discuss via private message here https://themeforest.net/user/ilhammeidi

Kind regards.

Hi,

There is a potential problem on contact form. Tested on chrome, sass template.

When I choose to fill values remembered by the browser, filled fields become white and it label is hardly visible.

Could you advise what is the problem here?

Regards, BG

Hi,

In Forms/Contact.vue on v-checkbox component (around line 115) please try to remove class “white-label”

Regards.

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