1. Introduction
We would like to thank you for choosing Abstrak.
We made Abstrak from the ground-up with flexibility in mind. Each element of Abstrak
is extremely customizable, where you can make
Abstrak to reflect your own
branding styles.
The guide gives you detailed methodologies about how you can customize Abstrak and make it fit your brand perfectly!
1.1 Requirements
There are system requirements in order to install and setup Abstrak template and its components properly. Make sure that you are running the node.js and npm in your computer. You have to maintain this version (Node js >= 14.0.0 and npm >= 5.6)
If you don't have Node js in your computer please download and install from here: https://nodejs.org/en/download/
Install Npm Packages
NPM : You must have to npm install packages. You can do this by running npm install from the root of your project to install all the necessary dependencies.
npm install
Development server
Run npm run start for a dev server. Navigate to http://localhost:3000/ . The app will automatically reload if you change any of the source files.
npm run start
Build
Run npm run build to build the project. The build artifacts will be stored in the build/ directory. Use the npm run build --prod flag for a production build.
npm run build
npm run build --prod
1.2. What's Included
After purchasing Abstrak template on themeforest.net with your Envato account, go to your Download page. You can choose to download Abstrak template only or the entire Abstrak template package which contains the following files:
- abstrak: An Installable react template file.
- documentation: This folder contains what you are reading now.
- Licensing.
2. React Installation
Please follow the instructions given below how you can install react on your local host:
Open you command prompt and run those command for local host
npm install
npm run start
Know more about React Project Deployment Please Click here
3.1. Change Site Title and Favicon
To change your Site title and Favicon open the abstrak in your editor and go to the location by following screenshot which are given bellow.
You can change Site title following this screenshot
You can change Favicon following this screenshot
3.2. Change Logo
To change your Site Logo open the abstrak in your editor and go to the location by following screenshot which are given bellow.
3.3. Customize Menu
To customize your Site Menu open the abstrak in your editor and go to the location by following screenshot which are given bellow.
3.4. Default Home Setup
How to set default home page
4.1. Header
To change header settings
4.2. Footer
To change footer settings
4.3. Social Icon
To change Social Icon
4.4. Page Banner
To change Page Banner
4.5. Coming Soon
To change Coming soon page date
4.6. Global Color
To change Abstrak Global Color
4.6. RTL Version
To enable RTL Mode please follow this insturction:
- Remove this import 'bootstrap/dist/css/bootstrap.min.css'; line which is mark with red line
- Add here this line: import 'bootstrap/dist/css/bootstrap.rtl.min.css'; and save the file
- File Location src/App.js
- Uncomment this @import "rtl/rtl"; line which is mark with red line and save the file
- File Location src/assets/scss/app.scss
5. Support
Support Scope
Included in Free Support Scope:
- Fixing bugs
- Helping clients in changing site contents by sending instructions that couldn’t be covered by documentation
NOT Included in Free Support Scope:
- Any type of custom changes
- Any type of request to update clients’ site contents
Paid Support Scope:
Paid support is not a part of Free Support when you purchase the template from themeforest. We understand that some clients need custom changes while using our template. For that we kept an option for paid support which includes:
- Custom change request
- Custom pages
- Custom features
We kept a flat rate for our paid support which is $35/hour.
Support Ticket
Please send your support request here. You will response within 1 business day.
Regards,
Axilthemes Support Team