export const lang = 'en' // Change to 'fr'for french version.
The language file is inside the src/i18n directory (fr.js)
Timeout settings
1
2
export const typingTimeout = 500 // Used for searching. e.g. search.vue
export const loadingTimeout = 200 // Used for showing the loading indicator for each page
Clear Cart Settings
1
export const clearCart = false // Whether to clear the cart after order is placed. Useful while testing
Enable / Disable demo mode
Restricts users from saving data if enabled
1
export const demo = false
User Roles
1
export const userRoles = ['user', 'vendor', 'manager', 'admin'] // This should be in ascending order of authority. e.g. In this case guest will not have access to any other role, where as admin will have the role of guest+user+vendor+manager+admin
Review Settings
1
2
3
4
export const reviewSettings = {
enabled: true, // Enables review for products
moderate: false // If enabled, the review will be visible to public after admin approval
}
List of order and payment status for Order Management
This is the main page of our VueJS progressive e-commerce app. Here we get
List of all products
Filter Products: based on Price (Price Slider), Brand, Features (Color, Type, Fit, Fabric, Neck)
Sort: Based on Price and Name
Each product contains a add to cart button. Once the product is added into the cart, we get the increase or decrease cart quantity option By clicking each product we arrive at the product detail page
Product Details
This page presents the complete details of the product
Product name
Description
Price, MRP
Product Image (Including additional images)
Brand
Category
Quantity in cart
Size
Features
Search
The top navigation bar of the website has a search box which autocompletes with product info while user starts typing. By clicking a suggested item in the search bar, the page navigates to the product details page of the selected product.
Category
Get the current category name with all products under it This page also has all the filter and sort options.
Shopping Cart
This store is featured with a shopping cart facility which is easy to use and fast.
Get quick summary of what is there in Cart
Modify the cart quantity
Checkout using Paypal
Login / Signup
Features like Signup / SignIn / Change Password / Logout is integrated into this application already with high level of security, so that you no longer need to be worry about implementing all those features into the application
A user need not have to navigate to a separate page to login or signup. It comes as a popup which is a huge ui improvement. This login popup has a advantage of poping out for any route when a guest user tries to access a restricted page Both the login and signup page has the option for connect using facebook, twitter, google as well
Checkout
The checkout page Displays the Order Amount + ShipCharge
This also has an option discount coupons which is appif valid.
Here the user can choose the Payment options (CasDelivery, Paypal)
This page automatically choose the best available ShipOptions based on the total order weight and the shipper availability.
While checkout the user can choose from any saddress.
Address Management
The address management is integrated into the checkout page to make the checkout experience single view and easy. Here the user can store and manage different addresses.
Order Management
The user has the facility to view the order history. Administrators can change order status + payment status Users: All the orders placed by the logged in user is available in this view. Administrators: This view presents all orders placed by users with the option to change order status and shipping
User Management
Users: Change Password Forgot Password
Administrators: User role management
Media Library
Now the shop has a new media library where the managers can upload any image that is to be used in the shopping application
Clicking on each image displays the details about iwell as an option to delete it
Products (Role: Managers, Administrators)
Product details can be added, modified and deleted using this page. Each product can be associated into a single Brand, Category A product can have
Multiple features
Multiple key features
Multiple product images
The list contains all the available products with a sebox to filter the list.
Clicking on a product at the product list will poputhe details of the product at the right sidebar
The right sidebar has option to change product ndetails, brand, category
This sidebar also contains a module to manage proimages
Manage Brands
Administrators can add, edit, delete, filter brands of their store from this view
Manage Categories
Categories are presented in Parent-Child manner in store for better organisation of products.
Store’s navigation bar at top contains all the categoarranged in parent-child fashion.
This view provides facility to add both parent and ccategories, re-arrange category association according to their requirement.
reviewSettings = {
enabled: true, // Enables review for products
moderate: false // If enabled, the review will be visible to public after admin approval
};
Product Settings
product = { moderate: false };
User Roles
userRoles = ['user', 'vendor', 'manager', 'admin']; // This should be in ascending order of authority. e.g. In this case guest will not have access to any other role, where as admin will have the role of guest+user+vendor+manager+admin
Forgot Password Email Settings
forgotPasswordEmail = (body) => { // Expects email id and password reset token
return {
from: 'passwordreset@codenx.com',
to: body.email,
subject: 'ArialShop Password Reset Request',
text: 'You are receiving this because you (or someone else) have requested the reset of the password for your account.\n\n' +
'Please click on the following link, or paste this into your browser to complete the process:\n\n' +
process.env.DOMAIN + '/account/reset-password/' + body.token + '\n\n' +
'If you did not request this, please ignore this email and your password will remain unchanged.\n'
}
}
Reset Password Email Settings
resetPasswordEmail = (body) => { // Expects email id and name
return {
from: 'passwordreset@codenx.com',
to: body.email,
subject: 'ArialShop Password Changed',
text: 'Hello,\n\n' +
'This is a confirmation that the password for your account ' + body.to + ' has just been changed.\n'
};
}