How to implement porto template to nuxt js

[adi]

Hi , we bought Porto – Responsive HTML5 Template , which is based on JQuery

Do you guys know if it is compatible in Nuxt.js and if compatible how to implement it in Nuxt.js ?

this template is awesome, it would be good if can work in our website which is based on Nuxt.js

---

[Support]

Hello, first thanks for your purchase.

Unfortunately we never tested and don’t know if the template will works with Nuxt JS. In a brief search on google we found a various posts/articles explaining how to integrate Nuxt JS + jQuery, so probably the template should be compatible, but of course will need customization.

We hope this helps!

Let us know if you need further assistance.

Kind Regards,

Rodrigo.

---

[adi]

Hi Thanks for reply,

I am able to load jquery and its plugin on nuxt by add the vendor script and css to head section in nuxt, for first load it work perfectly, but when navigating using “router-link” to another page , animation not work anymore, seems that theme.js and theme-init.js not triggered again after navigate page,

maybe because of Nuxt using Universal mode (SPA in client side) it not reload the script like in first load of website.

do you have solution or experience on it ?

---

[Support]

Hello,

Unfortunately we don’t have experience with Nuxt.JS and don’t know how to solve that issue. I don’t know how Vue + Nuxt JS works with the DOM of page, but maybe you can try initialize the theme.js plugins again. Maybe you can try run the theme.init.js code on each new load of page.

We hope this helps in some way.

Please note that help for Nuxt JS is something out of our support scope.

We hope you understand.

Kind Regards,

Rodrigo.

---

[Author]

Posts