1. Installing require Wordpress template and plugins

• First, follow this install guide for setting up - https://youtu.be/EQwss-d2I08

• From v1.1.x ListApp is support following template: Listable, Listify and MyListing

  • Listable:http://listapp.inspireui.com(purchase) - App demo:http://exp.host/@minhcasi/listapp

  • Listify:http://listify.inspireui.com(purchase) - App demo:https://exp.host/@minhcasi/listapp-listify

  • MyListing:http://mylisting.inspireui.com(purchase) - App demo:https://exp.host/@minhcasi/listapp-mylisting

• Please make sure the plugins folder include with the download package is active:

  • better-rest-api-featured-images

  • json-api

  • listapp-manager (or you can download from https://github.com/inspireui/listapp-manager)

  • wp-rest-api-controller

  • wp-rest-api-pure-taxonomies

  • woocommerce-booking and WP Job Manager - Products (this is premium plugins - use for booking feature)

  • The simplest way is copy all these file to your Wordpress folder: wp-content/plugins/ and make sure all the plugins are active (please try to remove previous plugin rest-api-listapp as will cause the conflict)
    

• Then, enable Worpdress setting: Permalink URL setting: Go to Common Setting, change the URL to Post name, this is required for the setting otherwise some images could not loading

• Membership registration: Enable the option Anyone can register.

• Enable the Rest Api controller (use for registration)
  

• Enable Job_listing from Tools/Rest API Controller, this is used for active Listing endpoints, please make sure to double check the Rest API Listing after the setting, example: http://your-hosting/wp-json/wp/v2/job_listing** **

2. Config the Mobile App

Open App/common/Config.js

Video installing guide and config is update from this playlist: https://www.youtube.com/playlist?list=PLcF-HiQy-jOLg0O6d9uWhOqGhvvLfx6is

Step 1: Config to connect with your Wordpress Listing website.

• Type your Wordpress & WooCommerce consumeKey URL.
• The Woocommerce key is optional if your website is already used and it is created as reserve field for later integrate the app with Woo.

  URL: {
    root: 'http://listapp.inspireui.com',
    themes: listable // one of these value: listable, listify, myListing
  },

  WooCommerce: {
    consumerKey: 'ck_0e3ca960f308cf1a1a08a44bc090dd4744167d78',
    consumerSecret: 'cs_f64148bb849212eebbae70d2262e4e38a330bb59',
  }

Step 2: Config app layout, menu, social account. This section is support via "ListApp Manager" plugin.

• enable=true: use this Local value config (we suggest to use this config for better performance as your app will load faster without waiting the config from Wordpress site, but we will lost the dynamic generate layout from the form)
• enable=false: the config above will not be used, instead it will be loaded dynamic from the website via rest API http://listapp.inspireui.com/wp-json/inspireui/v1/config, please make sure the plugin is active to enable this feature.

Local: {
    enable: true,
    /**
     * The main layout app homepage
     *    1: Horizontal Layout which is loaded the below HorizonLayout
     *    2: Vertical Layout which is used below verticalLayout
     *    3: Mansory layout
     */
    homepageLayout: 1,
    verticalLayout: 2,
    /**
     * horizonLayout: show the horizontal layout config, show as the default homepage
     *    - component: kind of components(listing, map, news)
     *    - typeId: the type id from Listing blog, from Admin site click Listing/Types/edit the type and get tags_id from the browser URL
     *    - categoryListingId: the category id
     *    - row: the number of row support on the list, default is one row
     *    - paging: blog per page from swiping, default is false
     *    - layout: support 8 kind of layouts: banner, twoColumn, threeColumn, threeColumnHigh, list, listRight, card, flexColumn
     *      (flexColumn is flexible column layout that you can config both width & height)
     * menu: The setting for left menu side bar
     *    - route: should be these value: home, setting, customPage, login, map, search, bookings, userProfile, readlater
     *    - name: the menu name 
     *    - params: only use for the CustomPage menu, this is really cool feature as you can render the whole URL page or map to any post id
     * color: The main color config for the app
     * general: config the social app account link to the mobile, support Facebook, Admob, Firebase (use for login feature)
     */
    horizontalLayout: [....],
    menu: [...],
    color: {...},
    general: {...},
  },

Step 3: Advance config

  /**
   * Step 3: Advance config
   *    ExcludeCategories: Exclude the parent category that not show on the app, empty is mean nothing
   *    tabBarAnimate: Default animate for tabbar
   *    showStatusBar: option to show Status bar (true/false)
   *    CategoryListView: default layout for category (true/false)
   *    map: delta for map zooming
   *    crashReport: set up crash report for your app, refer more here - https://docs.expo.io/versions/latest/guides/using-sentry#content
   *    userProfileMenu: dynamic screen UserProfile screen menu

   **/
  LeftMenuStyle: Constants.LeftMenu.scale,
  excludeCategories: [1],
  tabBarAnimate: Constants.Animate.zoomIn,
  showStatusBar: false,
  CategoryListView: true,
  map: {
    LATITUDE_DELTA: 0.00222,
    LATITUDE_DELTA_USER: 0.0922,
  },
  crashReport: { },
  userProfileMenu: []