banner

1. Introduction

Thank you for choosing Fluxi Template — we're excited to have you on board!

Fluxi has been crafted from the ground up with flexibility in mind. Every element is fully customizable, allowing you to shape Fluxi to perfectly reflect your unique brand identity.

This guide offers clear, detailed steps to help you personalize Fluxi effortlessly and create a seamless brand experience.

1.1. Installation

To setup the theme, follow below-mentioned steps

  • 1. Download and Extract the Zip File:
    • Download the zip file containing all files integrated with Fluxi. Extract the contents of the zip file to your desired location.
  • 2. Install Server (Recommended PHP version: >8.2)
    • If you're using XAMPP, WAMP, or MAMP, PHP should already be included. Make sure your server environment (Apache, Nginx, etc.) is configured to work with PHP. If PHP is not installed, you can download it from the official PHP website.
  • 3. Install Composer (Recommended version: >= 2.2)
    • Make sure to have the composer installed & running in your computer. If you already have installed server on your computer, you can skip this step.
  • 4. This would install all the required packages in the vendor folder.
    • Run the below command in your terminal to install all the required packages in the vendor folder.

      • composer install

    • The vendor folder in CodeIgniter holds all third-party libraries and dependencies installed through Composer. It plays a critical role in autoloading external packages and managing project dependencies efficiently. After installation, you typically don't modify this folder manually—instead, you manage its contents through the composer.json file and Composer commands.
  • 5. The development server is accessible at http://localhost:8000. To run on other port just run command : php spark serve --port=8001

      php spark serve

Environment & Database Configuration

This project does not include any database operations by default. Therefore, no database configuration is required during setup.

If you plan to extend the project with database functionality, you can configure your environment settings by renaming the env file to .env and updating your database credentials accordingly.

1.2. What's Included

After purchasing Fluxi template on themeforest.net with your Envato account, go to your Download page. You can choose to download Fluxi template only or the entire Fluxi template package which contains the following files:

Fluxi
  • Fluxi: A CodeIgniter template file.
  • documentation: This folder contains what you are reading now.
Folder Structure:
  • root Folder:
  • src Folder:
File Structure:
  • Page Structure:
  • Component Structure:

1.2. Font

		
                            @import url('https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600;700;800&display=swap');
                            @import url('https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;600;700;800;900&display=swap');

1.3. Source File (CSS)

Directory Location: fluxi\public\assets\css

                            <link rel="stylesheet preload" href="<?= base_url('assets/css/plugins/swiper.min.css') ?>" as="style">
                            <!-- magnific popup css -->
                            <link rel="stylesheet preload" href="<?= base_url('assets/css/plugins/magnific-popup.css') ?>" as="style">
                            <!-- metismenu css -->
                            <link rel="stylesheet preload" href="<?= base_url('assets/css/plugins/metismenu.css') ?>" as="style">
                            <!-- bootstrap css -->
                            <link rel="stylesheet preload" href="<?= base_url('assets/css/vendor/bootstrap.min.css') ?>" as="style">
                            <!-- fontawesome css -->
                            <link rel="stylesheet preload" href="<?= base_url('assets/css/plugins/fontawesome.min.css') ?>" as="style">
                            <!-- Custom css -->
                            <link rel="stylesheet preload" href="<?= base_url('assets/css/style.css') ?>" as="style">

1.4. Source File (JS)

Directory Location: fluxi\public\assets\js

			
                            <!-- jquery js -->
                            <script defer src="<?= base_url('assets/js/plugins/jquery.min.js') ?>"></script>
                            <script defer src="<?= base_url('assets/js/plugins/bootstrap.min.js') ?>"></script>
                            <script defer src="<?= base_url('assets/js/plugins/metismenu.js') ?>"></script>
                            <script defer src="<?= base_url('assets/js/vendor/jqueryui.js') ?>"></script>
                            <script defer src="<?= base_url('assets/js/vendor/waypoint.js') ?>"></script>
                            <script defer src="<?= base_url('assets/js/plugins/swiper.js') ?>"></script>
                            <script defer src="<?= base_url('assets/js/plugins/theia-sticky-sidebar.min.js') ?>"></script>
                            <script defer src="<?= base_url('assets/js/plugins/gsap.min.js') ?>"></script>
                            <script defer src="<?= base_url('assets/js/plugins/scrolltigger.js') ?>"></script>
                            <script defer src="<?= base_url('assets/js/vendor/split-text.js') ?>"></script>
                            <script defer src="<?= base_url('assets/js/vendor/split-type.js') ?>"></script>
                            <script defer src="<?= base_url('assets/js/vendor/waw.js') ?>"></script>
                            <script defer src="<?= base_url('assets/js/plugins/counter-up.js') ?>"></script>
                            <script defer src="<?= base_url('assets/js/plugins/magnific-popup.js') ?>"></script>
                            <!-- contact form js -->
                            <script defer src="<?= base_url('assets/js/plugins/contact-form.js') ?>"></script>
                            <script defer src="<?= base_url('assets/js/main.js') ?>"></script>

3.1. Change Site Title and Favicon

To change your Site title and Favicon open the Fluxi in your editor and go to the location (fluxi\app\Views\partials\head.php) by following screenshot which are given bellow.

doc

3.2. Change Logo

To change your Site Logo open the Fluxi in your editor and go to the location (fluxi\app\Views\partials\header.php) by following screenshot which are given bellow.

doc

3.3. Customize Menu

To customize your Site Menu open the Fluxi in your editor and go to the location (fluxi\app\Views\partials\header.php) by following screenshot which are given bellow.

doc

4.1. Header

From the fluxi\app\Views\partials\header.php file in the image you can customize you site header layout

doc

4.2. Footer

Here is the file where you can customize your footer (fluxi\app\Views\partials\footer.php)

doc

4.3. Global Color (SCSS)

To change Fluxi Global Color from scss fluxi\public\assets\scss\default\_variables.scss

doc

4.4. Global Color (CSS)

To change Fluxi Global Color from fluxi\public\assets\css\style.css

doc

4.5. Content

To customize your Site Content open the Fluxi in your editor and go to the location by following screenshot which are given bellow.

Page Content:

doc

4.6 Troubleshooting

If you run into issues during setup or installation, here are a few quick solutions to common problems:

  • Blank Page or Errors: Ensure that your server meets the required PHP version and all necessary extensions are enabled.
  • .env File Not Working: Make sure the file is renamed from env to .env and is placed in the root directory.
  • Permissions Issues: Verify that the writeable/ directory has the correct permissions (e.g., 755 or 775).
  • Assets Not Loading: Check that your base URL is configured correctly and assets are placed in the correct folders.
  • Page Not Found (404): Double-check your routes and that the requested URL matches a valid route or controller.

If you continue to experience issues, feel free to contact our support or refer to the official CodeIgniter documentation for advanced setup help.

4.7 Licensing

The Fluxi Template is available under two types of licenses, based on your usage needs. Please read the terms below to ensure proper compliance:

Regular License

Use, by you or one client, in a single end product that end users are not charged for. The total price includes the item price and a buyer fee.

Extended License

Use, by you or one client, in a single end product which end users can be charged for. The total price includes the item price and a buyer fee.

For full details, please refer to the official Envato Licensing Terms.

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 $15/hour.

Support Ticket

Please send your support request here. You will response within 1 business day.

Regards,
Parv Infotech Support Team