In Mofluid you can easily configure logo, banners , fore and background colors for Application through set of simple steps and also it comes with  localisation  all that’s needed is your translation.

Theme Configuration

1) Navigate to Menu Bar for Mofluid>>Theme Configuration>>Vogue/Modern to set up Theme Configuration for the Mobile App.

2) You would directed to Mofluid Theme – Vogue/Modern Page.

3) On the Left hand side of the page, various Theme related tabs will appear .

Modern Theme_config

Mofluid Theme – Configuration

In  Configuration tab  following fields appears :
1) Display Category Images – This field is used to Display Category Images for Products on Application home page when enabled.

2) Product Custom Attribute –  This field is used to Display custom attributes created when products. It will appear on product detail page to users.

2) Custom Footer – This field is used to set Custom Footer, that would be displayed in the Footer of the app.If this field is left blank then default footer will appear in app.
User can also set Customizable footer with clickable phone number, email ID and webpage URL.

Format for clickable phone number :
<div id=”phone” onclick=”phoneDial(‘+919810523606’)”>Call Mofluid</div>

Format for clickable email id :
<div id=”email” onclick=”emailSend(‘info@mofluid.com’)”>info@mofluid.com</div>

Format for clickable website :
<div id=”site” onclick=”openLink(‘http://www.mofluid.com’)”>Mofluid</div>

Mofluid  Theme – Logo

1) Logo – This field is used to display Logo for the Mobile App. Now you can change logo displayed in App and no need to re-generate application to view the changes done. (Recommended Size : 150X50px)

image00

Mofluid Vogue Theme – Configure or Add Banner

1) Configure Banner – This field is used to set banner style for banner displayed in Application as it Single or Multiple banner( Slider) can be displayed as per selection made using Mofluid admin panel.

image03

2) Add New Banner Image – Banner Images added in this section will appear in App.

a) Choose Banner : Upload Image to display as banner image in App (Recommended Size : 1024x500px)
b) Default : Select image as default if you want selected image to appear as first image in banners uploaded.
c) Store : Select a store to display uploaded banner image.
d) Action for Banner : Enable Action to link banner with a category or product. User will be directed to related Product or Category selected from admin panel.
e) Sort Order : Enter sort order while adding banners in which they should appear in App.

Banner_upload

Mofluid Theme – Banner List

1) Banner List : List of banners appears in this section uploaded by admin which appear in App.


Mofluid  Theme – Theme Icons

This Section is used to set various icons for the Mobile App. If icons are not uploaded then default Mofluid icons should appear.
Upload Icon of Size (32X32) pixels only, for best results.
1) Menu – Icon uploaded will appear as Menu icon in App.

image25
2) Back – Icon uploaded will appear as Back icon in App.

image187
3) Cart – Icon uploaded will appear as Cart icon in App.image184

4) Search – Icon uploaded will appear as Search icon in App.image89

5) Delete – Icon uploaded will appear as Delete icon in App, to delete any product from cart.image127
6) Cross – Icon uploaded will appear as Cross icon in App.Cross
7) Cart Empty – Icon uploaded will appear as Cart icon in App when cart is empty.image172

Mofluid  Theme – Foreground Color Scheme

This section is used to set the Various Foreground colors for the text to be displayed in the Mobile App.

1) Product Name – This field is used to set the font color to be displayed for Product Name in the Mobile App.
2) Product Description – This field is used to set the font color to be displayed for Product Description in the Mobile App.
3) Price – This field is used to set  font color for the Price of the Product in the Mobile App.
4) Category Heading – This field is used to set the font color of the Categories and footer.
5) Sub Category Heading – This field is used to set the font color for the custom options added for products and text on shipping method page
6) Default Text – This field is used to set the font color for the default text in the Mobile App i.e for order review and success order pages.
7) Primary Button – This field is used to set the font color for the Primary Button that are displayed in the Mobile App.
8) Secondary Button – This field is used to set the font color for the Secondary Button that are displayed in the Mobile App.
9) Table Primary Row Text – This field is used to set the font color for the Table Primary Row in the Mobile App ie for text title Product, Image, Qty, Unit Price displayed on shipping method and other pages of App.
10) Table Secondary Row Text – This field is used to set the font color for the Secondary Row in the Mobile App ie. for text title Total, Sub total displayed on shipping method and other pages of app.
11) Special Price – This field is used to set font color for the Special Price displayed on products in Modern Theme.

Colors selected by admin for foreground color scheme will be saved once admin clicks on Save button

Foreground

Mofluid Theme  – Background Color Scheme

This section is used to set the Various Background colors for the text to be displayed in the Mobile App.

1) Featured Product List – This field is used to set the background color to be displayed for Featured Product in the Mobile App.
2) Category Heading – This field is used to set the background color to be displayed for Categories in the Mobile App.
3) Sub Category Heading – This field is used to set the background color of the Mobile App
4) Default Background – This field is used to set the background color to be displayed in the Mobile App.
5) Primary Button – This field is used to set the background color of the Primary Button in the Mobile App i.e Add to cart, checkout, proceed.
6) Secondary Button – This field is used to set the background color for the Secondary Button in the Mobile App i.e Continue shopping, Collapsible tabs in my order, my account pages.
7) Table Primary Row Text – This field is used to set the background color for the Table Primary Row in the Mobile App.
8) Table Secondary Row Text – This field is used to set the background color for the Secondary Row in the Mobile App.
9) Discount Coupon Container – This field is used to set the background color of discount coupon container in Modern Theme.

Colors selected by admin for background color scheme will be saved once admin clicks on Save button

Background - color

Mofluid  Theme – Button Text

This section is used to set the Button Text to be displayed in the Mobile App.

1) Home – This field is used to change nomenclature of Home text displayed after clicking on Menu icon of the Mobile App.
2) My Account – This field is used to change nomenclature of My Account text displayed after clicking on Menu icon of the Mobile App.
3) Edit Profile – This field is used to change nomenclature of Edit Profile text displayed after clicking on Menu icon of the Mobile App.
4) My Orders – This field is used to change nomenclature of Edit Profile text displayed after clicking on Menu icon of the Mobile App.
5) Sign In – This field is used to change nomenclature of Sign In text displayed after clicking on Menu icon of the Mobile App.
6) Sign Out – This field is used to change nomenclature of Sign Out text displayed after clicking on Menu icon of the Mobile App.
7) Login – This field is used to change nomenclature of Login button displayed on login page of the Mobile App.
8) Proceed – This field is used to change nomenclature of Proceed button of the Mobile App.
9) Update – This field is used to change nomenclature of Update button of the Mobile App.
10) Change Password – This field is used to change nomenclature of Change Password button of the Mobile App.
11) Forgot Password – This field is used to change nomenclature of Forgot Password button of the Mobile App.Button text 1

12) Create an Account – This field is used to change nomenclature of Create an account button of the Mobile App.
13) Details – This field is used to change nomenclature of Details button of the Mobile App.
14) Add to Cart – This field is used to change nomenclature of Add to Cart button of the Mobile App..
15) Apply Coupon – This field is used to change nomenclature of Apply Coupon button of the Mobile App.
16) Cancel Coupon – This field is used to change nomenclature of Cancel Coupon button of the Mobile App.
17) Checkout – This field is used to change nomenclature of Checkout button of the Mobile App.
18) Continue Shopping – This field is used to change nomenclature of Continue Shopping button of the Mobile App..
19) Confirm Proceed – This field is used to change nomenclature of Confirm Proceed button of the Mobile App.
20) Submit – This field is used to change nomenclature of Submit button of the Mobile App..
21) Retrieve your Password – This field is used to change nomenclature of Retrieve Your Password button of the Mobile App.button text 2

22) Click Here – This field is used to change nomenclature of Click Here button of the Mobile App.
23) Continue – This field is used to change nomenclature of Continue button of the Mobile App.
24) Sign Up Now – This field is used to change nomenclature of Sign Up button of the Mobile App.
25) Edit Information – This field is used to change nomenclature of Edit Information button of the Mobile App
26) Change Account Password – This field is used to change nomenclature of Change Account Password button of the Mobile App..
27) Get Price – This field is used to change nomenclature of Get Price button of the Mobile App displayed for Configurable or custom options products.
28) Close – This field is used to change nomenclature of Close text displayed on alert messages of the Mobile App.Button text 3

Mofluid  Theme – Application Text

This section is used to set the Text in Mobile Application.

1) Display Application Name – This field is used to application set text for Application Name.
2) Support Text – This field is used to set customized text for Support Text.
3) Policy Text – This field is used to set application text for Policy Text.
4) Shop By Departments –  This field is used to set application text for Shop By Departments or Category name displayed on App home page.
5) Personal Information – This field is used to set application text for Personal Information displayed in My account tab.
6) Billing Address – This field is used to set Application text for Billing Address.
7) No Default Billing Address Found – This field is used to set Application text when No Default Address is found.
8) Shipping Address – This field is used to set Application text for Shipping Address Text.
9) No Default Shipping Address – This field is used to set Application text when No Default Shipping Address is found.
10) Full Name – This field is used to set Application text for Full Name.Application text 1
11) First name –  This field is used to set Application text for First Name.
12) Last Name –  This field is used to set Application text for Last Name.
13) Change Account Password –  This field is used to set Application text for Change Account Password.
14) New Password – This field is used to set Application text for New Password.
15) Old Password – This field is used to set Application text for Old Password.
16) Confirm Password – This field is used to set Application text for Confirm Password.
17) Address – This field is used to set Application text for Address.
18) Member Since – This field is used to set Application text for Member Since.
19) Edit Information – This field is used to set Application text for Edit Information.
20) Email Address – This field is used to set Application text for Email Address.Application text 221) Contact Number – This field is used to set Application text for Contact Number.
22) City – This field is used to set Application text for City.
23) State – This field is used to set Application text for State.
24) Country – This field is used to set Application text for Country.
25) Zip Code – This field is used to set Application text for Zip Code.
26) You Have No Orders – This field is used to set Application text when you have no orders.
27) Total Orders – This field is used to set Application text for Total Orders.
28) Order – This field is used to set Application text for Order.
29) Orders – This field is used to set Application text for Orders.
30) Order Id – This field is used to set Application text for Order Id displayed to user on order list pageApplication text 331) Status – This field is used to set Application text for Status.
32) Products – This field is used to set Application text for Products.
33) Payment Methods – This field is used to set Application text for Payment Methods.
34) Shipping Method –  This field is used to set Application text for Shipping Methods.
35) Total Amount – This field is used to set Application text for Total Amount.
36) SKU – This field is used to set Application text for SKU.
37) Name – This field is used to set Application text for Name.
38) Quantity –  This field is used to set Application text for Quantity.
39) Price – This field is used to set Application text for Price.
40) Total – This field is used to set Application text for Total.

 

Application text 4
41) Item – This field is used to set Application text for Items.
42) Shipping Amount –  This field is used to set Application text for Shipping Amount.
43) Grand Total – This field is used to set Application text for Grand Total –
44) Search By Name –  This field is used to set Application text for Search By Name.
45) Search Result Text – This field is used to set Application text for Search Result.
46) No Search Result Found – This field is used to set Application text when No Search Result found.
47) Position (Sort Type) – This field is used to set Application text for Arrangements.
48) Name (Sort Type) – This field is used to set Application text for Arrangements.
49) Price (Sort Type) – This field is used to set Application text for Arrangements.
50) Product Description – This field is used to set Application text for Product Description.application text 5

51) Description – This field is used to set Application text for Description.
52) Availability – This field is used to set Application text for Availability of Products.
53) Product SKU – This field is used to set Application text for Product SKU.
54) Shipping Charge – This field is used to set Application text for Shipping Charge.
55) In Stock – This field is used to set Application text when Product is in stock.
56) Out of Stock – This field is used to set Application text when product is out of stock.
57) Product Options –  This field is used to set Application text for Product options.
58) Cart Empty Text – This field is used to set Application text for Empty Cart.
59) Discount Code – This field is used to set Application text for Discount Codes.
60) Remove –  This field is used to set Application text for Remove any item.Application text 661) Amount Payable – This field is used to set Application text for Amount Payable.
62) Sender – This field is used to set Application text for Sender.
63) Receiver – This field is used to set Application text for Receiver.
64) Order Success – This field is used to set Application text for Order Success.
65) Coupon Code Text – This field is used to set Application text for Coupon Code.
66) Checkout Form Heading – This field is used to set Application text for Checkout form Heading.
67) Same Billing and Shipping Address Message – This field is used to set Application text when same billing and shipping address are provided.
68) Different Shipping Address Message –  This field is used to set Application text for Different Shipping Address.
69) Save to Address Book – This field is used to set Application text for Address Book.
70) Authorize.net Redirect Message – This field is used to set Application text for Authorize.net.Application text 771) Authorize.net Auto Redirect Message – This field is used to set Application text for Authorize.net.
72) Click Here – This field is used to set Application text for Click Here Text.
73) Paypal Redirect Message – This field is used to set Application text for Paypal Message.
74) Paypal Auto redirect Message – This field is used to set Application text for Paypal Redirect.
75) Forgot Password Message – This field is used to set Application text for Forgot Password.
76) Please enter your UserName –  This field is used to set Application text for Username.
77) Please enter your Password – This field is used to set Application text for Password.
78) Password – This field is used to set Application text for Password.
79) Payment Information – This field is used to set Application text for Payment Information.
80) Image – This field is used to set Application text for Image.Application text 881) Unit Price – This field is used to set Application text for Unit Price.
82) Shipping and Handling – This field is used to set Application text for Shipping and Handling.
83) Discount – This field is used to set Application text for Discount.
84) Terms and Conditions –  This field is used to set Application text for Terms and Conditions.
85) Terms and Conditions Message –  This field is used to set Application text for Terms and Conditions Message.
86) No Shipping Method Message – This field is used to set Application text for No Shipping Method Message.
87) No Product found Text –  This field is used to set Application text when no product is found.
88) Discount (coupon) – This field is used to set Application text for Discount.
89) Default – This field is used to set Application text for Default.
90) Select – This field is used to set Application text for Select in Drop Down.
91) All Products – This field is used to set application text displayed for Categories when there are multiple categories assigned with products.
application text 9

Mofluid Theme  – Warning/Alert Message

This section is used to set the Text for Alerts and Warning Messages in the Mobile App.

1) Username Validation for Blank – This field is used to set Warning/Alert Message when username is left blank.
2) Username Validation for Wrong Attempt – This field is used to set Warning/Alert Message when username is invalid.
3) Customer already exists – This field is used to set Warning/Alert Message when customer already exists.
4) Password Validation for minimum length – This field is used to set Warning/Alert Message when password is entered less than 6 characters length.
5) Invalid Username and password message – This field is used to set Warning/Alert Message when invalid username and password are provided while user login.
6) Login Success Message – This field is used to set Warning/Alert Message when user Login is successfully in App.
7) Server Not responding – This field is used to set Warning/Alert Message when thete is no response from server.
8) Sign out message – This field is used to set Warning/Alert Message when user sign out/log out of App.
9) Out of stock message – This field is used to set Warning/Alert Message when a product is out of stock and user try to add a product in cart.
10) Country Blank – This field is used to set Warning/Alert Message when user does not select country and submit information.Alert text 1

11) First name Blank – This field is used to set Warning/Alert Message when user left  first name left blank.
12) First name invalid – This field is used to set Warning/Alert Message when user enter first name including special characters or numbers .
13) Last name Blank – This field is used to set Warning/Alert Message when last name is kept  blank while submitting information.
14) Last name Invalid – This field is used to set Warning/Alert Message when user enter Last name with special characters or numbers.
15) Contact no blank – This field is used to set Warning/Alert Message when contact no is not entered by user while submitting information.
16) Empty Address – This field is used to set Warning/Alert Message when address is not entered by user while submitting information.
17) Empty City Message – This field is used to set Warning/Alert Message when city is not entered by user while submitting information.
18) Empty Country Message – This field is used to set Warning/Alert Message when country is not selected by user while submitting information.
19) Empty State Message – This field is used to set Warning/Alert Message when state is not entered by user while submitting information.
20) Empty Zip code Message – This field is used to set Warning/Alert Message when zip code is not entered by user while submitting information.Alert text 221) Invalid Address – This field is used to set Warning/Alert Message when invalid address is  entered by user containing special characters like @, %, $.
22) Invalid City Message – This field is used to set Warning/Alert Message when invalid city is entered by user containing special characters like @, %, $.
23) Invalid State Message – This field is used to set Warning/Alert Message when invalid state is entered by user containing special characters like @, %, $.
24) Invalid Country Message – This field is used to set Warning/Alert Message when invalid country is selected by user.
25) Invalid Zip code Message – This field is used to set Warning/Alert Message when invalid ip code is provided.
26) Invalid Contact Message – This field is used to set Warning/Alert Message when invalid contact number is provided by user .
27) Email not registered – This field is used to set Warning/Alert Message when email is not registered .
28) Empty Email – This field is used to set Warning/Alert Message when user try to register with  Email ID field blank.
29) Invalid Email – This field is used to set Warning/Alert Message when invalid email is provided.
30) Email already Registered – This field is used to set Warning/Alert Message when user  is already registered with same Email id.alert 331) Forgot Password action message – This field is used to set Warning/Alert Message when user try to reset password using forgot password.
32) Confirm Password Different – This field is used to set Warning/Alert Message when confirm password entered by user mismatch with New password field.
33) Confirm Password Success – This field is used to set Warning/Alert Message when New password match with confirm password entered by user.
34) Register Successfully Message – This field is used to set Warning/Alert Message when when user is able to register successfully.
35) Profile Address Update – This field is used to set Warning/Alert Message when user is able to update profile address successfully.
36) Payment Mode – This field is used to set Warning/Alert Message when payment mode is selected.
37) Configurable Options Validation – This field is used to set Warning/Alert Message when user try to add configurable product in cart with required option.
38) Shipping Mode – This field is used to set Warning/Alert Message when user try to palce order without selecting shipping method.
39) Item Remove Message – This field is used to set Warning/Alert Message when user delete a product from cart.
40) When same product added to cart – This field is used to set Warning/Alert Message when user add same product in cart again.alert 541) When a product removed from cart – This field is used to set Warning/Alert Message when a product is removed from cart.
42) Quantity of Product Increased more than stock – This field is used to set Warning/Alert Message when quantity of product is increased more than available in stock.
43) Product Out of Stock – This field is used to set Warning/Alert Message when user try to add a out of stock product in cart .
44) Limited Quantity is in Stock for Product – This field is used to set Warning/Alert Message when limited quantity is in stock for a product.
45) Order Success Message – This field is used to set Warning/Alert Message when an order is placed successfully.
46) Failure Message for address save – This field is used to set Warning/Alert Message when user try to save address but address is not saved in user profile.
47) Message when empty Search – This field is used to set Warning/Alert Message when search does not match with any product available in store.
48) Coupon Applied –  This field is used to set Warning/Alert Message when coupon applied successfully.
49) Coupon Failed – This field is used to set Warning/Alert Message when invalid or expired coupon code is applied by user.
50) Coupon Cancelled – This field is used to set Warning/Alert Message when coupon code is removed by user.

 

alert 6

51) Required Validation –  This field is used to set Warning/Alert Message when product is added in cart with required field i.e for custom options
52) Check Email – This field is used to set warning/alert message when forgot password or anu other link is send to registered email.alert 7

Leave a Reply

Your email address will not be published. Required fields are marked *