Hi,

Does it work on your local dev? You probably have JS error. Please check Safari’s console for any potential JS error. Because it’s look like that JS code is not running on your Safari.

No on localhost it is not working , meanwhile when Ihen source template after enabled local files it was perfectly function.

Hi,

What kind of documentation we can provide for this purpose?! Probably a little UI/UX knowledge would help. In my opinion, it’s better to start from defining your requirements, decide about the page flow and then choose from the available blocks based on the content you can provide. If you prefer, you might get help from a designer. You can find one in https://studio.envato.com/explore/websites-programming

Cheers.

Kind of documentation how to structure your page. If I grab some demo, there are structure differences. You can’t just replace one part of page with part from another page. If I grab blank one and put the navbar there, it creates gap on mobile. Really? I do have defined requirements, I’m a backend developer for long time. It would be great to find some theme, which you can take, grab the base content holder and put the UI parts there and don’t need to fight with css and overwriting ‘beautifully looking’ fields, which are designed to ‘look really awesome’ just at one page. C’mon guys, how many people are making static webs these days?

Still I don’t understand what shall we provide. We try to design more demos in future, so you have more options to get start with. Regards modifying CSS codes, you don’t have to fight with css. It’s ready, if you don’t need to add anything else to the template or modify colors, fonts, etc.

Regards using it in back-end, you have all the css and js files to import on your pages and lots of html blocks and sample pages to use. I don’t think that integrating a html template in a server-side language is a complicated task.

Let us know if we can provide any help.

so you find this ok? https://youtu.be/mYLoh3HR5UU and much much more things

No, we haven’t tried it in ASP.NET, but like any other HTML template, you should be able to integrate it into your prefer server-side language without any problem.

Thanks for the response. I’ll give it a run today. Will share my experiences as I go. First impressions – a beautifully crafted template.

Thanks.

I started with following your steps to install node.js > gulp cli > npm install > gulp serve { started on localhost } I changed a few HTML pages. Then executed gulp dist. However, there are no files in expert\dist\assets\plugin folder.

What am I missing ?

You don’t need /plugin/thesaas/ directory anymore. The SCSS and JS files has compiled with your assets and located inside /assets/css/ and /assets/js/. Everything is fine.

Oh, but then why doesn’t the expected js work. For the sake of an example, I am using your index.html which uses typed.js and constellation.js, however those effects aren’t rendered

Those plugins are all included in the page.min.js. Will it work before running “gulp dist” task? Are you able to provide an online demo?

the typed.js, constellation.js don’t work before gulp dist, slick.js doesn’t work after gulp dist and while doing npm install, got the following

npm WARN deprecated gulp-util@3.0.8: gulp-util is deprecated – replace it, following the guidelines at https://medium.com/gulpjs/gulp-util-ca3b1f9f9ac5 npm WARN deprecated minimatch@2.0.10: Please update to minimatch 3.0.2 or higher to avoid a RegExp DoS issue npm WARN deprecated minimatch@0.2.14: Please update to minimatch 3.0.2 or higher to avoid a RegExp DoS issue npm WARN deprecated graceful-fs@1.2.3: please upgrade to graceful-fs 4 for compatibility with current and future versions of Node.js

Got an error over here in slick.js

.$slides.add(.$slideTrack.find('.slick-cloned')).attr({
         'aria-hidden': 'true',
         'tabindex': '-1'
     }).find('a, input, button, select').attr({
         'tabindex': '-1'
     });

slick.js:1307 Uncaught TypeError: Cannot read property ‘add’ of null at Slick.initADA (slick.js:1307) at Slick.init (slick.js:1288) at new Slick (slick.js:183) at jQuery.fn.init.$.fn.slick (slick.js:3003) at HTMLDivElement.<anonymous> (slick.js:52) at Function.each (jquery.js:354) at jQuery.fn.init.each (jquery.js:189) at page.initSlick (slick.js:17) at main.js:79 at Array.forEach (<anonymous>)

Update: It works fine before the gulp dist.

For Typed.js—I missed some part of the html along with Style to animate, however, I observed an issue, that I skipped one of the values from the string array.

Example:

span class=”fw-400 pl-2”

data-typing=”Foodies, Foodie Analyst, Gourmet, Gastronome, Hunger” data-type-speed=”80”>Foodie

span

span class=”typed-cursor” style=”animation-iteration-count: infinite;”

span

It skipped a word “Foodies”. Not sure why it did.

Slick.js also worked fine, however did give that error once.

Any reason in particular, why it doesn’t work after gulp dist?

I can’t see any problem with dist command. It only moves your project to another directory, remove unnecessary files to reduce the upload size, and minify the js and css files. Basically you can use the /src/ directory as well, without any problem.

How do you recommend the gulp dist command be run.

1. Gulp serve running and opening another cmd prompt to run gulp dist ? or 2. Terminate Gulp serve and then execute gulp dist ?

Strangely, I noticed that only when the gulp serve is running, my files render as expected. When I terminate the gulp serve and open the /src/index.html it doesn’t render as expected.

As long as you don’t make any modification to the files while running “gulp dist”, there should not be any difference. But I prefer to stop server and execute dist.

Strange. If you can send the project, I’ll take a look at it.

I have uploaded it here. Have a look.

The only difference that I can see is that your “benefits” section doesn’t have background-image on file:// protocol which has a wrong URL. Remove ”../” and it will be fine.

I corrected that. I uploaded it onto an app server and then while on the pricing.html when I switch to Annual, there isn’t any action happening. Looks like the js has some problem .. I’ll let you know in a while.

Any plans to have a form wizard ?

That’s for your ease in future. In the previous version which you had to make your changes in /source directory, you might changed other scss files and it makes updating your template to new version so hard. With a starter, you can change scss variables and remove vendors based on your requirements, and changing to other scss files should be a style overridden. Still you think starting your project from /source directory was better approach? If yes, we consider including it in the next release.

My setup looks like this: I copied the source to a src/vendor/thesaas folder – I would not make any changes there but only keep this up to date with your releases. I build my styles from a file like src/scss/theme.scss where i do the adjustments (var definitions, additional styles, overrides, etc) and which includes the necessary thesaas styles.