Discussion on Oiron - React HTML Landing Page Collection

Discussion on Oiron - React HTML Landing Page Collection

Cart 116 sales
Recently Updated
Well Documented

ilhammeidi supports this item

Supported

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

21 comments found.

mrthiitvn

mrthiitvn Purchased

link http://via.placeholder.com/ in source nốt found

HI mrthiitvn,

Thanks for purchasing.

You can change with https, https://via.placeholder.com

I will fix this issue in next update on the next week.

Regads.

how to run code in react js code

Hi gravitonweb,

Thanks for purchasing.

For installation and running react.js you can check in documentation folder. And here’s the online version https://ilhammeidi.github.io/oiron-docs/#install

Regads.

dannyiyk

dannyiyk Purchased

I get this error when I run “npm run dev”

> fintech-theme@1.2.0 dev > cross-env NODE_OPTIONS=—openssl-legacy-provider next dev -p 3005

node:internal/child_process:413 throw errnoException(err, ‘spawn’); ^

Error: spawn UNKNOWN at ChildProcess.spawn (node:internal/child_process:413:11) at Object.spawn (node:child_process:713:9) at spawn (C:\projects-2023\pennyreap\node_modules\cross-spawn\index.js:12:24) at crossEnv (C:\projects-2023\pennyreap\node_modules\cross-env\src\index.js:13:18) at Object.<anonymous> (C:\projects-2023\pennyreap\node_modules\cross-env\src\bin\cross-env.js:5:1) at Module._compile (node:internal/modules/cjs/loader:1126:14) at Object.Module._extensions..js (node:internal/modules/cjs/loader:1180:10) at Module.load (node:internal/modules/cjs/loader:1004:32) at Function.Module._load (node:internal/modules/cjs/loader:839:12) at Function.executeUserEntryPoint [as runMain] (node:internal/modules/run_main:81:12) { errno: -4094, code: ‘UNKNOWN’, syscall: ‘spawn’ }

dannyiyk

dannyiyk Purchased

However I want to let you know that after uninstalling the antivirus in my PC it worked. Thanks for the support

dannyiyk

dannyiyk Purchased

Never mind I have found the configuration for the theme colour, thanks

Ok youre welcome

Hello,

I’m trying to make a form with a SELECT field, but seems like there is no way to achieve that using this template.

Have you an updated CSS file which includes a SELECT style like the one for input-field ???

My order number is: d7800eec-6455-44f3-8720-2d35983e2c89 – 21 Nov 2022 R

Many thanks in advance,

Hi,

You can add this code in /Forms/Contact.js

In Import
import FormControl from '@material-ui/core/FormControl';
import Select from '@material-ui/core/Select';
import InputLabel from '@material-ui/core/InputLabel';
Inside ValidatorForm component
<FormControl className={classes.formControl}>
        <InputLabel id="demo-simple-select-label">Age</InputLabel>
        <Select
          labelId="demo-simple-select-label" 
          id="demo-simple-select" 
          value={age}
          onChange={handleChange}
        >
          <MenuItem value={10}>Ten</MenuItem>
          <MenuItem value={20}>Twenty</MenuItem>
          <MenuItem value={30}>Thirty</MenuItem>
        </Select>
      </FormControl>

Regards.

Hmm… You lost me on this one. The files you mention here are only available from the eact package while I’m using the html package… In the same time, I’m unable to find anywhere the code to handle the from send…

Hi,

For form styling html version this template use materializecss. Here’s for selection styling https://materializecss.com/select.html

<div class="input-field col s12">
    <select>
      <option value="" disabled selected>Choose your option</option>
      <option value="1">Option 1</option>
      <option value="2">Option 2</option>
      <option value="3">Option 3</option>
    </select>
    <label>Materialize Select</label>
  </div>

And for form submission, this template only handle front-end side, you need a backend like php mysql, java, etc to handle it. Here’s the reference https://code.tutsplus.com/tutorials/create-a-php-login-form--cms-33261

Regards.

Hi, this is Liveen,

We purchased Oiron’s React HTML Landing Page Collection, which has proven to be beneficial to us, but these templates are built with Next.js and typescript, and while writing the small amount of code we got the errors. If it is available in pure React.js without typescript and Next.js, we will pay the extra amount for it because it is important for us as of now. We have purchased it for our organization, and they will fire on us. We have to deliver it on time.

If this template is available in pure React without typescript and next, please let me know.

Template purchased data: 22 Nov 2022 Purchased user: Narendra1235!

Hi,

Sorry I only have next.js and html jquery also vue with nuxt.js in differemt item.

Regards.

We had so many errors while writing small pieces of code because this project was integrated with the next.JS and typescript Our team is willing to move the Javascript, what can we change next. js to JavaScript Is there a shortcut I should remove next.js and typescript

Thanks & Regards M.LIVEEN web developer liveen@oxyloans.com

Hi this template has a basic version with html css jquery in oiron-html folder, you can try that.

Thank You so much for response

Hi, this is Liveen,

We purchased Oiron’s React HTML Landing Page Collection, which has proven to be beneficial to us, but these templates are built with Next.js and typescript, and while writing the small amount of code we got the errors. If it is available in pure React.js without typescript and Next.js, we will pay the extra amount for it because it is important for us as of now. We have purchased it for our organization, and they will fire on us. We have to deliver it on time.

If this template is available in pure React without typescript and next, please let me know.

Template purchased data: 22 Nov 2022 Purchased user: Narendra1235!

hi this liveen mandeva

we have used the education template in that while starting the project by using (npm start )we got the error like warn – Invalid next.config.js options detected: – The root value has an unexpected property, TrailingSlash, which is not in the list of allowed properties (amp, analyticsId, assetPrefix, basePath, cleanDistDir, compiler, compress, crossOrigin, devIndicators, distDir, env, eslint, excludeDefaultMomentLocales, experimental, exportPathMap, future, generateBuildId, generateEtags, headers, httpAgentOptions, i18n, images, onDemandEntries, optimizeFonts, output, outputFileTracing, pageExtensions, poweredByHeader, productionBrowserSourceMaps, publicRuntimeConfig, reactStrictMode, redirects, rewrites, sassOptions, serverRuntimeConfig, staticPageGenerationTimeout, swcMinify, trailingSlash, typescript, useFileSystemPublicRoutes, webpack). See more info here: https://nextjs.org/docs/messages/invalid-next-config

how can we resolve this issue kindly resolve my problem as soon as possible

Thanks & Regards M.liveen

Hi M.liveen,

Thanks for purchasing.

You can change TrailingSlash with trailingSlash in next.config.js or ignore the warning.

Regards.

We had so many errors while writing small pieces of code because this project was integrated with the next.JS and typescript Our team is willing to move the Javascript, what can we change next js to JavaScript Is there a shortcut I should remove next. js and typescript, pls resolve my problem as soon as possible and replay to liveen@oxyloans.com

Hi this template has a basic version with html css jquery in oiron-html folder, you can try that.

Hi please tell me how to setup theme

Hi thanks for purchasing.

Please check in documentation folder for the guide. And here the online version react: https://ilhammeidi.github.io/oiron-docs/ html: https://ilhammeidi.github.io/nirwana-docs/

Regards.

dkann

dkann Purchased

Dear sirs wold you be so kind to install node js for me? my purchase code is af4d26c0-f722-43ee-83a3-e2cce4d24839 – 14 Aug 2022

Hi dkann,

Thanks for purchasing.

Sorry I’m not available for aditional services. For installation guide you can follow the docs https://ilhammeidi.github.io/oiron-docs/#install

Feel free if you have any further queries.

Regards.

I tried to run npm install and ran into the below error.

npm ERR! code ERESOLVE npm ERR! ERESOLVE could not resolve npm ERR! npm ERR! While resolving: google-maps-react@2.0.6 npm ERR! Found: react@17.0.2 npm ERR! node_modules/react npm ERR! react@”17.0.2” from the root project npm ERR! peer react@”16.8.0 || 17.0.0” from @material-ui/core@4.12.3 npm ERR! node_modules/@material-ui/core npm ERR! material-ui/core4.12.3” from the root project npm ERR! peer material-ui/core4.0.0” from @material-ui/icons@4.11.2 npm ERR! node_modules/@material-ui/icons npm ERR! material-ui/icons4.11.2” from the root project npm ERR! 2 more (@material-ui/lab, react-material-ui-form-validator) npm ERR! 23 more (@material-ui/icons, @material-ui/lab, ...) npm ERR! npm ERR! Could not resolve dependency: npm ERR! peer react@”0.14.8 || 15.0.0 || ^16.0.0” from google-maps-react@2.0.6 npm ERR! node_modules/google-maps-react npm ERR! google-maps-react@”2.0.6” from the root project npm ERR! npm ERR! Conflicting peer dependency: react@16.14.0 npm ERR! node_modules/react npm ERR! peer react@”0.14.8 || 15.0.0 || ^16.0.0” from google-maps-react@2.0.6 npm ERR! node_modules/google-maps-react npm ERR! google-maps-react@”2.0.6” 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! npm ERR! See /Users/stanley/.npm/eresolve-report.txt for a full report.

npm ERR! A complete log of this run can be found in: npm ERR! /Users/stanley/.npm/_logs/2022-07-16T13_27_14_386Z-debug-0.log

Hi ezeakuifechukwustanley1,

I cannot reproduce the error, So please try this way.

Here’s the step:

1. Remove node_modules/ folder

2. Open package.json and remove google-maps-react then save

3. run npm install

4. If success run npm i google-maps-react

After finish you should be able to start the project with ‘npm run dev’

Hope this can help.

Regards.

Hi I did follow the steps you have listed however, when I ran npm i google-maps-react, I was presented with an error again as per below.

stanley@Ezeakus-MacBook-Pro crypto-theme % npm i google-maps-react npm ERR! code ERESOLVE npm ERR! ERESOLVE unable to resolve dependency tree npm ERR! npm ERR! While resolving: crypto-theme@1.0.0 npm ERR! Found: react@17.0.2 npm ERR! node_modules/react npm ERR! react@”17.0.2” from the root project npm ERR! npm ERR! Could not resolve dependency: npm ERR! peer react@”0.14.8 || ^15.0.0 || ^16.0.0” from google-maps-react@2.0.6 npm ERR! node_modules/google-maps-react npm ERR! google-maps-react@”” 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! npm ERR! See /Users/stanley/.npm/eresolve-report.txt for a full report.

npm ERR! A complete log of this run can be found in: npm ERR! /Users/stanley/.npm/_logs/2022-10-27T20_35_59_739Z-debug-0.log stanley@Ezeakus-MacBook-Pro crypto-theme % npm i google-maps-react npm ERR! code ERESOLVE npm ERR! ERESOLVE unable to resolve dependency tree npm ERR! npm ERR! While resolving: crypto-theme@1.0.0 npm ERR! Found: react@17.0.2 npm ERR! node_modules/react npm ERR! react@”17.0.2” from the root project npm ERR! npm ERR! Could not resolve dependency: npm ERR! peer react@”0.14.8 || ^15.0.0 || ^16.0.0” from google-maps-react@2.0.6 npm ERR! node_modules/google-maps-react npm ERR! google-maps-react@”” 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! npm ERR! See /Users/stanley/.npm/eresolve-report.txt for a full report.

npm ERR! A complete log of this run can be found in: npm ERR! /Users/stanley/.npm/_logs/2022-10-27T20_37_05_173Z-debug-0.log

Hi,

Please try to use ‘npm install google-maps-react—legacy-peer-deps’

Hi, I just buy this theme when i make changes in the file its not hot reloading please help

Hi atiqrahman1,

Thanks for purchasing.

Please check in browser console if any error. If changes related to config like next.config.js or i18n.js, it may need restart the server.

Feel free if you have any further queries.

Regards.

Hi I am trying to run the react version of your template and I am running into pathing issues. It looks like you are using the babel plugin to use ’ ~ ’ to reference the root of the folder but I dont see babel called anywhere or any config for the plugin.

error – ./components/Error/Error.js:7:0 Module not found: Can’t resolve ’../i18n’ 5 | import Grid from ’@material-ui/core/Grid’; 6 | import Typography from ’@material-ui/core/Typography’; > 7 | import { withTranslation } from ’../i18n’; 8 | import imgAPI from ‘/public/images/imgAPI’; 9 | import { useText } from ‘/theme/common’; 10 | import link from ’~/public/text/link’;

I found the issue, thank you

Hi, just bought this theme, wondering where i can find the html template package/file? Thanks

Hi leviscoca,

Sorry for the missing html versions.

I just upload it, please try to download again. It should be in oiron-html/packages/[theme-name]/[file.html]

Feel free if you have any further queries.

Regards.

Hi, im wondering that your theme can support css ONLY and FLAT (no MAP SCSS file ) ?

Hi leviscoca,

You can use the css directly in assets/css/styles.css Then remove the sourceMappingURL comment on the last line

/*# sourceMappingURL=data:appli......

Hope this can help.

Regards.

Hello ilhammeidi, I have deployed a sample website with some custom changes but some of the pages not accessible in the hosting but available when I run and tested it with local server using server -p 8080. I have tried deploying it two servers but the problem is same.

Help me in this please.

If you try clicking on the book an appointment it will take to 404 and also with goes same with the contact page. http://www.heegbach-apotheke.de.s3-website.eu-central-1.amazonaws.com/ www.maxovation.io

Hi SalmaanGurmani,

Thanks for purchasing.

If you deploy as static site in aws please remove the html extension. Here’s the guide: https://stackoverflow.com/questions/23463679/s3-static-pages-without-html-extension

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

Regards.

Hi , Thanks for answering, the problem got resolved by setting. exportTrailingSlash: true, in the next.config.js secondly there was a problem in the images directory. In the imageApi.js files are referred as 3d but in actual file name is 3D i.e banner1_3D@2x.png adopt it according otherwise, it doesn’t work on the server side.

Hi SalmaanGurmani,

I have release the new updates today and fixed this issues by replacing 3D to 3d (lowercase) in imgAPI.js. Now The Oiron v1.1 is available to download.

Regards.

Hi, I have some queries: If i purchase this so i will get all websites inside this or only 1 of them? Images that you have shown will be receive in svg format or not? We need simple html and JS file ..without use of React code, Is that available or not?

Please response asap . So that i can take necessary actions.

Thanks, Umesh Goyal

Yes I have html+jquery+bootstrap version and you can get it from link of my previous message.

Hi ilhammeidi, I have purchased it from https://nirwana.vercel.app and want to use Software theme but it contains png files instead of svg you told me you will provide svg files ..Can you please provide svg files for software landing page

Hi goyalumesh,

The svg should be in illustration-assets/ folders, but I can share via gdrive. You can share you gmail, so please message me by private message. https://themeforest.net/user/ilhammeidi

Since the item is not react/vue version I only available by email or private message https://themeforest.net/user/ilhammeidi not in this comment anymore

Thanks and Regards.

Hi ilhammeidi! Have you tried hosting this website on AWS. I really like the template and want to buy it but I see that you are using Nextjs v10.

AWS only supports v11. Can you please update the project to v11 and see if everything is fine? Thank you so much and best greetings

Hi ammoro,

Thanks for visiting my portfolio.

Yes, I will start to update next.js v11 on next month. If everthing smooth, should be release in the same month.

I have another react template that might you interest. It uses next.js 11.0.1 and react 17.0.2 https://themeforest.net/item/luxiren-react-js-landing-page-collection/25087071

Regards.

niice! I think I will wait! This template has more suitable things to what I have in mind :-) Hurry up :D :D

Hi ammoro,

I have release Oiron with nextJS v12 and react 17. Feel free to try the starter-project and read the online docs before buy. For more detail please check the item descriptions.

Regards.

hello i just changed my logo code so it change according to the theme mode but there is a problem im sharing a url of video please check it https://streamable.com/iu78rf is there anything you can do ?

hi, I tried so many things only I know is that let theme = ‘light’; in _app.js is creating this problem but I’m unable to fix this, if possible can you please push an update in the original oiron code with a new update?

whenever I refresh logo gets back to a light theme instead of staying in dark theme (after doing toggle on for dark theme)

can we connect by email ? better to chat there

Hi chandancodes,

I found the issue, it’s because theme.palette.type cannot render with ssr. Please try with useEffect or NoSsr https://gist.github.com/ilhammeidi/d4cc656c9cfcb36f7b42faceb65896bf

import React, { useState, useEffect } from 'react';

const [loaded, setLoaded] = useState(false);

  useEffect(() => {
    setLoaded(true)
  }, []);

return (
  <div>
   {loaded && (
        <span>
          { theme.palette.type === 'dark' ? <LogoDark /> : <LogoLight /> }
        </span>
      )}
  </div>
)

Or use NoSSR from material UI

import NoSsr from '@material-ui/core/NoSsr';

return (
  <div>
    <NoSsr>
        <span>
          { theme.palette.type === 'dark' ? <img src="/images/logos/agency.png" alt="logo" /> : <img src="{logo}" alt="logo" /> }
        </span>
      </NoSsr>
  </div>
)

You can contact me via private message https://themeforest.net/user/ilhammeidi Then I will reply by email.

Regares.

Thanks !! It works xD

can you please send me a code that also changes logo according to dark/light mode.

Hi chandancodes,

Thanks for purchasing.

For dark/light conditional you can use this example code:

import { useTheme } from '@material-ui/core/styles';
import LogoDark from './LogoDark';
import LogoLight from './LogoLight';

function YourComponent() {
  const theme = useTheme();
  return (
   <div>
     {theme.palette.type === 'dark' ? <LogoDark /> : <LogoLight />}
   </div>
  )
}

And to set default theme as dark mode in pages/_app.js

let themeType = 'dark';
if (typeof Storage !== 'undefined') { // eslint-disable-line
  themeType = localStorage.getItem('oironTheme') || 'dark';
}

Feel free if you have any further queries.

Regards.

hello all the headers consists only anchor link and im unable to remove anchor link from every where can you please add a header layout where we can add direct links not #anchor links

Hi chandancodes,

In components/header/Mixed.js create the menuList like this

const [menuList] = useState([
    createData('menu1', 'page-a'),
    createData('menu2', 'page-b'),
    createData('menu3', 'page-c'),
  ]);

// Then in HeaderMenu component change singleNav={false}
                 <HeaderMenu
                    open={openMenu}
                    menuPrimary={menuList}
                    menuSecondary={samplePages}
                    toggle={handleToggle}
                    close={handleClose}
                    singleNav={false}
                  />

Hope this can help.

Regards.

Hey, How to raise a support ticket? Get Support link redirect me to support page with the same get Support Link.

I am facing issue with running the theme in my local. I can provide all details with logs and steps but not sure if comment section is proper place for that. Thanks!

There are multiple errors and warnings in the console, but the place where I am stuck is with this log: “You have not declared a namespacesRequired array on your page-level component: ErrorPage. This will cause all namespaces to be sent down to the client, possibly negatively impacting the performance of your app. For more info, see: https://github.com/isaachinman/next-i18next#4-declaring-namespace-dependencies"

and this one keeps on repeating in the logs. Basically what I did is navigated to \oiron\packages\crypto-theme and did “yarn install” then “yarn dev”

Thanks!

Hi mindsgoal,

Thanks for purchasing.

About the warning, please add the nameSpace when you create a new page like another pages. Example in pages/index.js

Landing.getInitialProps = async () => ({
  namespacesRequired: ['common', 'crypto-landing'],
});

For support you can private message me from profile https://themeforest.net/user/ilhammeidi then will reply by email.

Hope this can help.

Regards.

Hey Ilhammeidi, Thank You so much for resolving the issue.

Great Work,Congratulations GLWS :)

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