UI Customization
You can change the branding including store colors, logo, header, footer, and more. The app is built using the Ionic framework and works beautifully with the J2Store website.
1. Change store Name :
Open src/pages/dashboard/dashboard.html
file in the project.
In the previous code, you can change the Store Name
2. Change Store Colors :
Open src/theme/variables.scss
file in the project
The Primary is the main color of the app and Btnclr is the button color of the app
We can change the button color main color in this section.
3. Adding the new Menu :
J2store mobile app supports dynamic menu structure.
Uploaded the menu.json in the server https://yourwebsite.com/menu.json
If you need to add menu simply add that in the menu.json file no need to do any additional work in coding.
Add single menu :
Just add the menu name and category id in the json file.
Add sub menu:
For the sub menu we need to set CID as 0 in the json file.
4. Change the API URL :
Open src/providers/url-service
file in the project
Change the https://themeparrot.com
to https://yourdomain.com
5. Change the Image URL :
Open src/providers/config-service/config-service.ts
file in the project
Change the https://themeparrot.com
to https://yourdomain.com
5. Change the Category details :
Open src/pages/dashboard/dashboard.html
file in the project
Here you can change the Category image URL, Category name, & Category Id
6. Change the App Icon
Upload your logo and splash screen to the following
URL
Icon size should be 1024 *1024
Splash screen size should be 4096 * 4096
Download the zip folder from
URL
and paste that folder in theresources/
folder
7. Change Logo :
Added the Logo in the
src/assets/imgs/
folderLogo size should be 1024 * 1024
To add a logo for the app open src/pages/dashboard/dashboard.htmlfile in the project. and replace the 'headertitle' code with the 'headerimg'.
From
To
8. Change the Client_id & client_secret:
Open the
src/pages/dashboard/dashboard.ts
,src/pages/login/login.ts
&
src/pages/myaccount/myaccount.ts
file and find the client_id & client_secret replace that with your client_id & client_secret. (This information will get after install j2rest plugin)
9. Change the Forget Password URL :
Open the
src/pages/login/login.ts
file, in the forget() function changed the url with your forget Password url
From
To
10. Changed the Checkout URL :
Open the src/pages/checkout/checkout.ts
file, in the lstnurl3() function changed the url with your website url
From
To
Last updated