Super Sale Limited Time 50% OFF for All-Access Plans
Save 50% Now
Light
Dark
System
Ask  Question

Choose Your Plan Component

Hello,

I am having trouble finding the Choose Plan/Pricing Column component (demo1) -> https://preview.keenthemes.com/metronic8/demo1/pages/pricing/column.html

I found the UpgradePlan Modal, but I don't want it as a modal. I would need it as a component so that I can insert it into the horizontal wizard (technically, it's a custom edited version of that wizard).

I'm using the React version of the theme.

Any ideas where I can locate it? Or how I can easily reformat the modal to work with the Wizard? Currently it doesn't show up.

user
Paul Jurczyk 3 years ago
React
3 Answers
Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (3)

user
Sean Author 3 years ago

Hi,

Please check the pricing options in this page.

Regards.


user
Paul Jurczyk 3 years ago

Hello Sean,

Yeah, I see it in the demo. But where can I find that page in the theme files (React)?

Thanks


user
Sean Author 3 years ago

Hi,

Please note that the React version does not include all HTML features since React development requires more time and resources so we provide only base features for the React, Angular, and Vue versions as shown in their own previews.

For the react you should copy it from the HTML version and fully reuse the HTML markup and the basic JS code of the pricing options. The styles are available in the React version's CSS bundle.

Regards


Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(