Table of Contents

How to use About Us addons

  1. The first step, We are required to turn off the Ionic Emulator, on your Command Prompt / Terminal (NodeJS) press Ctrl + C button on keyboard.
  2. Create a new page, for example I will give the name About Us. This is the page that will be targeted for automatic coding.
    1. Go to the Pages menu
    2. Then click New Page button
    3. Write the text of page title with the name: About Us and the other entries just leave it blank or default
    4. Then click Save Changes button
  3. Next, We will connect the menu to that page
    1. Go to Menus menu
    2. In the section of General, New Item field type 1 value
    3. Then click Add New Item button
    4. New item will appear at the bottom by the name: New Item X and then click Down Arrow button
    5. Next, click Edit button
    6. Then We will edit the properties of the menu: Type: Goto Internal Link, Variable: empty/blank, Label: About Us and Page: About Us (about_us) and for others fields are keep default
    7. And click the save change button
  4. Well, we will continue using the addons feature
    1. Go to Add-Ons menu
    2. Then click Choose button in About Us box
    3. Then complete the following fields:
      • Overwrite The Page, make sure you select the page that will be used to target the code that will be created, this will result in the old code being overwritten, so we will select AboutUs page.
      • Page Title, Is the title of the page that will be made, I wrote Tentang Kami or About Us.
      • Image Hero, is used to decorate your page.
      • Owner of the Apps, information about the owner of the apps, such as name, email, website and others..
      • Description, brief information about your apps or your company.
    4. Finally click Save Changes button.
  5. Now, You have to update native plugins that are needed by your ionic project, to see instructions and the list of plugins needed go to the Native Plugins menu, You can install it using using your Command Prompt / Terminal (NodeJS)
  6. Finally, you can run your ionic emulator.

Last edit: 2019-02-22 11:57:00

Comment

For any question about products, please contact email support is: info@ihsana.com and info@ihsana.net
img