search_box

Theme Setting

Theme Setting for MageNative WooCommerce App

You can create multiple app themes from the ‘Theme Setting’ tab under the MageNative Woo APP section. Customize the app as per your business profile and see the changes come live in your Mobile App.

Here are the available options to build the app theme as per your brand:

  • Theme Name: Choose the name of your App Theme.
  • Theme Color: The color for various pages in the app, side menu, cart, buttons, etc.
  • Theme text Color: The color for the text in the entire app.
  • Bar Color: The color for the top bar under the App logo. It should be different from the Theme Color.
  • Tint Color: The color for search, cart, etc. icons on the top bar. It should be different from the Bar Color.
  • Secondary Color: The color for the ‘Buy Now’ button.
  • Theme Color(Dark mode): The color for various pages in the app, side menu, cart, buttons, etc. Light color preferred
  • Theme text Color(Dark mode): The color for the text in the entire app. Light color preferred
  • Bar Color(Dark mode): The color for the top bar under the App logo. It should be different from the Theme Color. Light color preferred
  • Tint Color(Dark mode): The color for search, cart, etc. icons on the top bar. It should be different from the Bar Color. Light color preferred
  • Secondary Color(Dark mode): The color for the ‘Buy Now’ button. Light color preferred

 

 

  • Header Logo (PNG/JPG file. Width x height: 320 x 55 px) : Displayed on the header(top) of the App.

 

 

  • Login Page Logo (PNG/JPG file. Width x height: 137 x 135 px): Displayed on the Login page of the App.
  • Choose Login Header (PNG/JPG file. Width x height: 500 x 100 px): Displayed below the Login Page Logo.

 

 

  • Product Place Holder (PNG/JPG file. Width x height: 300 x 300 px): Displayed in place of Product image until the Product image is displayed.

 

 

  • Category Place Holder (PNG/JPG file. Width x height: 300 x 300 px): Displayed in place of Category image until the Category image is displayed.

 

 

  • Banner Place Holder (PNG/JPG file. Width x height: 300 x 300 px): Displayed in place of Banner image until the Banner image is displayed.

 

 

  • Notification Icon (PNG/JPG file. Width x height: 1024 x 1024 px): Displayed in the Push Notification sent from the MageNative Panel.

 

 

Once these details are filled click ‘Save’ and your created Theme is ready to be applied.

Theme Selection

In order to apply the created Themes, open the ‘General’ tab, scroll down to the ‘Select Theme’ option, select the Theme you want to apply, and click ‘Save changes’.
Yes No Suggest edit
Suggest Edit