NFSFU-ECOMM v1.0.4-alpha

NFSH-ECOMM is an E-Commerce website package application for small startups. which they can easily just run the installation and go on with thier sales without having to worry about simple issues. Regarding performances, data update across servers, etc.

This project is just an idea to test my skills in Web Development. At this point this is just for learning sake an time goes by I intend to work with people hopefully on this project.

FEATURES OF NFSH-ECOMM v1.0.4-alpha

What's New?

• Installation Error Clearance

  The error of Access Denied of some files during the installation process has been fixed in this version.

• Updated the logo parent logo for the site.

  The logo for NFORSHIFU234 Dev have been updated.

• Updated Error Message shown on Home page when no products is visible or when no product under a category is visible.

  In this version, I have added an error to show on the Home Page(index.php) when the admins have not uploaded a product or made a product visible or when a category has no visible product under its category.

• Accomodation for additional CSS and JS contents

  In this version, I have added 2 files custom.css and custom.js. These files will be used to handle additional styling for the website. For example pages like (contact.php, about-us.php, terms-and-conditions.php, privacy-policy.php) will require additional CSS or JS functionality, so these files aid with that.

  custom.css is located at "assets\css\custom.css".
  custom.js is located at "assets\js\custom.js".

• Errors are only displayed to login users.

  In this version, Errors that occur in the site are only visible to users that are logged in. If a user is not logged in and an error occurs, then the user sees a blank section or page depending on the situation.

• Updated some few code lines on some admin pages.

  Updated some few lines of the dashboard.php, and other admin pages. Nothing major.

NFSFU-ECOMM v1.0.0-alpha

NFSH-ECOMM is an E-Commerce website package application for small startups. which they can easily just run the installation and go on with thier sales without having to worry about simple issues. Regarding performances, data update across servers, etc.

This project is just an idea to test my skills in Web Development. At this point this is just for learning sake an time goes by I intend to work with people hopefully on this project.

FEATURES OF NFSH-ECOMM v1.0.0-alpha

NFSH-ECOMM v1.0.0-alpha features are listed below:

User Features

• Home Page to display Recent Products
• The sidebar which shows random products and categories to view products from.
• About Us Page
• Contact Us Page
• Privacy Policy Page
• Terms and Conditions Page
• Shop Page to display all products in stock
• Search Page to search for products
• Category Page to view all products under a specific category
• Single Product View Page to view the detils of a product

  <
  	------ Features ------
  	->	Changes the hero image to any of the product images on click
  	->	Edit Product Button if admin is logged in
  	-----------------------
  >
  

• Login
• Logout

All Admin Features

• Create Product
• Create Categories
• Create Users
• View Product
• View Categories
• View Users
• View Site Information
• Edit Site Information status
• Login
• Logout

PART I - INSTALLATION

How To Install NFSH-ECOMM

1. Firstly, you will need to have an Apache Server installed on your local machine or you have an Apache hosting platform on the web. If you don't have this. Then you download XAMPP Apache Server. You can download it from here
2. After you must have done that, you can now download NFSFU-ECOMM v1.0.0-alpha .zip file or .tar.gz file.
3. Once your download is complete, extract the file from the .zip file or .tar.gz file to your preferred location in your htdocs folder or www folder.
4. Open your browser and navigate to the folder (Example: If I extracted it to my htdocs folder on XAMPP Apache Server, then I will navigate to "localhost/NFSFU-ECOMM/")

   

5. Follow The Installaton Process and provide the neccessary information asked.
6. After the installation is successful, you will be redirected to the coming soon page.
7. Click on the dashboard button at the top menu. Once you are in the dashboard page, you can read steps on how to go about the application. To do this this is the first option with the title "Installation Guide" of your dashboard page.
8. By default, the visibility status of the site is set to the "COMING SOON" status. To change that see "Part II"
9. If you wish to add products see "Part III" for more information, if you wish to add categories, see "PART IV", if you wish to add users, see "PART V"

PART II - VISIBILITY STATUS

• There are 4 VISIBILITY STATUS which are Active, Coming Soon, Maintainance and Offline.

  • ACTIVE

    

    The ACTIVE visibility status is the state where the site is opened to the users to view the products in stock and do their shopping.

  • COMING SOON

    

    The COMING SOON visibility status is the state where the site is opened to the users but the site has not been fully opened for buisness.

  • MAINTAINACE

    

    The MAINTAINACE visibility status is the state where the site is under maintainance. For example updating the codes of the site or the hardware infrastructures, etc

  • OFFLINE

    

    The OFFLINE visibility status is the state where the site services to the users are restricted and the pages are not displayed.

• How to change your site VISIBILITY STATUS

  To change the visibility status of your site, follow the steps below

  1. Login into your Super Admin account

  2. 

     Navigate to "SITE INFORMATION" page. You can find the link on the side navigation or the third option of your dashboard page.

  3. Click the edit icon (pen icon) and click the dropdown to change your staus

     
     

PART III - CREATE NEW PRODUCTS

Now lets look at how to create new products.

• Login into your Super Admin or Product Manager account
• Navigate to "CREATE NEW PRODUCT" page. You can find the link on the side navigation or the eighth (8) option of your dashboard page.

  

• Fill in the detils requested then click the "Add New Product Button"

  

• NOTE: The maximum amount of upload file is 15. Meaning you can only upload a maximu of 15 images during creation of Products.

PART IV - CREATE NEW CATEGORIES

Now lets look at how to create new categories.

• Login into your Super Admin or Product Manager account
• Navigate to "CREATE NEW CATEGORY" page. You can find the link on the side navigation or the nineth (9) option of your dashboard page.

  

• Fill in the detils requested then click the "Add New Category" Button

  

PART V - CREATE USERS

Now lets look at how to create new users to run the site.

• Login into your Super Admin or Admin account
• Navigate to "CREATE NEW USER" page. You can find the link on the side navigation or the tenth (10) option of your dashboard page.

  

• Fill in the detils requested then click the "Create Profile" Button

  

PART VI - VIEW ALL PRODUCTS

Now lets look at where to view all our products.

• Login into your any type of account
• Navigate to "VIEW ALL PRODUCTS" page. You can find the link on the side navigation or the fourth (3) option of your dashboard page.

  

  

PART VII - VIEW ALL CATEGORIES

Now lets look at where to view all our products.

• Login into your Super Admin or Product Manager account
• Navigate to "VIEW ALL CATEGORIES" page. You can find the link on the side navigation or the fifth (5) option of your dashboard page.

  

  

PART XIII - CHANGE SITE INFORMATION

Now lets look at where and how to view all our SITE INFORMATION

• Login into your Super Admin account
• Navigate to "SITE INFORMATION" page. You can find the link on the side navigation or the third (3) option of your dashboard page.

  

• The only editable informations are the "SITE VISIBILITY" status and the "SITE NAME"

  

• To do this, all you have to do is to click the edit(pen) button and it will take to the edit page and then you edit and click the "Update Button:

  

PART IX - VIEW ALL USERS

Now lets look at where to view all our products.

• Login into your Super Admin or Admin account
• Navigate to "VIEW ALL USERS" page. You can find the link on the side navigation or the sixth (6) option of your dashboard page.

  

  ![Header](assets/origin/pr...