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.

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.

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

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

Ok youre welcome

Hi,

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

import FormControl from '@material-ui/core/FormControl';
import Select from '@material-ui/core/Select';
import InputLabel from '@material-ui/core/InputLabel';

<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,

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

Regards.

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 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 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.

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.

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 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.

I found the issue, thank you

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.

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.

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 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

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.

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

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.

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.

Thank you