W3CMS

W3cms - Laravel CMS

Introduction

- What is W3cms ?

W3cms is an MVC(Model, View and Controller) based Open Source Content Management System and Application development platform powered by Laravel's Latest 10.x version. It eases website administration and allows the average Internet user to operate and administer their website and allows editors to manage and distribute their content using their application's admin panel.

W3cms a platform which can be extended in a manageable and structured way to develop large applications without reinventing extremely common functionality every time. A list of functionality are following:

  • Installation Like Wordpress.
  • Extremely fast control/admin panel.
  • Extend control/admin panel with no major learning.
  • Users, Roles & Permissions Management.
  • Install prebuilt modules & themes
  • Build purpose specific isolated code
  • Themes: Multiple frontend themes

This documentation is last updated on 13 February 2024.

Thank you for purchasing this CMS.

If you like this CMS, Please support us by rating this CMS with 5 stars


Installation -

Basic Instructions :-

Before you begin the install, there are a few things you need to have and do.

  1. 1. Laravel needs specific environment in order to run smoothly. Please see requirements section in Laravel documentation.
  2. 2. W3cms utilizes Composer to manage its dependencies. So, before using W3cms, make sure you have Composer installed on your machine.
  3. 3. unzip the W3cms CMS package into your desire folder.
  4. 4. Create a database for W3cms on your web server, as well as a MySQL user who has all privileges for accessing and modifying it.
  5. 5. Please watch the video below to see the installation process of w3cms.

Note: Run the W3cms installation by accessing the URL in a web browser and Follow these simple steps for intallation.

Open this folder in cmd and run following commands before installation:-

  1. composer install

Step 1: Choose Language

let's choose language and continue the process to W3cms installation.

Step 2: Server Requirements

Please check the following requirements:

  • PHP version 8.1 or higher
  • Composer 2.0 or higher
  • OpenSSL PHP Extension
  • PDO PHP Extension
  • Mbstring PHP Extension
  • Tokenizer PHP Extension
  • JSON PHP Extension
  • cURL PHP Extension
  • SQLite PHP Extension
  • XML PHP Extension

Step 3: Environment And Database Setup

Laravel environment settings has been saved in .env file, in this step we configure the Application settings.

- We need to fill some following details to set environment.

  1. (i). App Name.
  2. (ii). App URL: http://xyz.com/(root directory folder name)
  3. (iii). Database Connection.
  4. (iv). Database Host.
  5. (v). Database Port.
  6. (vi). Database Name
  7. (vii). Database User Name
  8. (xi). Database Password

Step 4: Admin Setup

- in this step We need to fill some following details to set Admin Settings:

  1. (i). Admin Name.
  2. (ii). Admin Email.
  3. (iii). Admin Email Password.
  4. (iv). Admin Email Confirm Password.

Step 5: Installation Finished

and finally we will see the installation finished screen, Just click on the "click here to login" button and login in W3cms Application. After you've logged in you'll be able to access the administration panel on the /backend URI.

Upload Local To Live Server

How To Upload Package On Live Server:

  • Remove all cache before upload package.
  • Use php artisan optimize:clear command to clear cache.
  • Delete the "themes" and "storage" folders from the public directory.
  • Create a zip file of your package, then proceed to upload it to your server and extract.
  • After extracting the package, please upload your database.
  • Please update the app and base URL, as well as the database credentials in the .env file.

Update

How To Update Scripts in Existing Package :

Firstly Take a backup of Your Project and Database then Follow These steps :

  • Replace app, config, public, resources, routes, storage, lang, Modules, and themes folders from new package.
  • Run the following command :
    2.) php artisan optimize:clear

What's New

Localization

  • Translation editor in admin panel.
  • Update language string directly using this feature.

To understand how it works, please watch the video below.

Theme Manger

W3cms added theme installation functionality like wordpress.

  • Upload theme zip file and install with this theme manager panel.
  • You can install and active theme.

To understand how Theme Manager works, please watch the video below.

The Basics and Modules System -

How it's work ?

here we see how To Manage Our CMS System. There are some simple steps to Manipulate Anything by Our Wish.

- Control Panel

You can access the control panel by heading to https://yourdomain.com/admin.

The Control Panel for W3CMS is a web GUI (graphical user interface) that provides a comfortable way to manage your application. The W3CMS control panel is Very Simple, easy to use and not overwhelming. Power users will love the workflow shortcuts and new users will appreciate the simplicity and organization.

- User Module

User Module is a system for easily manage all Details of your user accounts such as changing user properties, reset passwords and also You have the ability to add, edit, and delete users. You can also search, sort, and filter your user data and modify user information, all in the same place. Like :-

  • Registration
  • Authentication
  • Login Throttling
  • Users & Roles Management
  • Users Permissions
  • Integrated with Laravel's Auth service.

- Roles Module

A role is just a collection of permissions, Roles provide a way for administrators to group permissions and assign them to users or user groups. Permissions define the actions that a user can perform. in The Roles Module You have the ability to add, edit, and delete Roles. You can also search, sort, and filter your Roles data and modify Roles name, all in the same place.

- Permissions Module

Permissions Module contains all of the permissions that apply to an individual role or user. It can contain allowed and denied permissions, as well as many permission sets so that it can faithfully make a secured enterprise system.Permissions specifies who or what is allowed to access the object and what operations are allowed to be performed on the object.

There are 4 ways to Manage Permissions.

  1. 1. All Permissions
  2. 2. All Temp Permissions
  3. 3. Roles Permissions
  4. 4. Users Permissions

1. All Permissions

in All Permissions There are two ways to manage permissions, Role Based permissions and User Based permissions.

A. Role Based Permissions for give access(permissions) to a role.

B. User Based Permissions for give access(permissions) to a user.

2. All Temp Permissions

All Temp Permissions can reset All the permissions to default. it can remove and regenerate All permissions.

3. Role Permissions

Role Permissions can give give access(permissions) to a Role.

4. User Permissions

User Permissions can give give access(permissions) to a User.

- Configuration Module

The Configuration Module gives Users the ability to access all the Backend and Frontend functionality of the app. Along with accessing this information, developers can further customize the backend functionality of their application.

Here, you can update Site Title, set the format of Date Time and do many more things.

All The Settings has been saved in config file And Configuration Table of Database.

There are 7 types of configurations.-

1. Site Configurations

  • Site Title
  • Site Tagline
  • Site Email
  • Site Status (If Disabled then Frontend site go on Maintenance Mode).
  • Site Copyright Text
  • Site Footer text
  • Site Coming soon (If Enabled then Frontend Site show Coming Soon Page).
  • Site Contact
  • Site Site Favicon
  • Site Maintenance Message
  • Site Coming Soon Message
  • Site Text Logo
  • Site Comingsoon date (Set The Timing Of Coming Soon Page).
  • Site Biography
  • Site Location
  • Site Office time

2. Writing Configurations

  • Enable WYSIWYG editor

3. Reading Configurations

  • Nodes per page (For Showing Total Data on single Page.).
  • Date time format
  • Show on front (What You Want to show on homepage A single Page or Blogs Listing).

4. Social Configurations (Social media links)

  • Instagram Url
  • Whatsapp Url
  • Facebook Url
  • Twitter Url

5. Permalink Configurations

Permalink Configurations can edit The Urls of Your Blogs For Frontend Site.

6. Widget Configurations

Widget Configurations Set Widgets you want to show on sidebar of the Frontend Site.

  • Show sidebar
  • Show recent post widget
  • Show category widget
  • Show archives widget
  • Show search widget
  • Show tags widget

7. Theme Configurations

Theme Configurations Set Theme for the Frontend Site. Currently There is only two Options.

  • Default
  • Theme 1(BodyShape).

- Page Module

Page Module provides Many page facilities Like Wordpress. In the 'All Pages List' Users also search, sort, filter and edit your Page data, all in the same place. There Is an interesting thing in page 'wysiwyg ckeditor' with this You can also code in page content

There are fields of Page.

  • Page Title
  • Page Content (With Source code editing)
  • Page Status (Published, Draft, Private, Pending)
  • Page Visibility (Public, Password Protected, Private)
  • Page Attributes (Parent Page Functionality)
  • Page Featured Image
  • Page Excerpt( Short Description of Page)
  • Page Slug( Page URL as Your wish)
  • Page Author
  • Page Custom Fields (You can also add new Field as your wish)

- Blog Module

Blog Module provides Many blog facilities Like Wordpress. In the 'All Blogs List' Users also search, sort, filter and edit blog data, all in the same place. There Is an interesting thing in blog 'wysiwyg ckeditor' with this You can also code in blog content

There are fields of blog.

  • Blog Title
  • Blog Content (With Source code editing)
  • Blog Status (Published, Draft, Private, Pending)
  • Blog Visibility (Public, Password Protected, Private)
  • Blog Categories
  • Blog Tags
  • Blog Featured Image
  • Blog Video ( Youtube Video Link)
  • Blog Excerpt( Short Description of Blog)
  • Blog Slug( Blog URL as Your wish)
  • Blog Author
  • Blog Custom Fields (You can also add new Field as your wish)

- Blog Category Module

Blog Category Module provides Many blog category facilities Like Wordpress. In the 'Advance View' Users also search, sort, filter and edit Blog Category data, all in the same place.

- Blog Tags Module

Blog Tags Module provides Many blog tags facilities Like Wordpress. In the 'Advance View' Users also search, sort, filter and edit Blog Tags data, all in the same place.

- Menus Module

Menus Module provides information about the Menus in CMS Frontend Site.
Menus are a collection of links (menu items) used to navigate a website. Menus are primarily displayed as a hierarchical list of links using Menu Locations.Menus can be "flat" or may be hierarchical (multilevel) A multilevel menu has one or more “leaf” menu items.

There are some easy steps to modify Menu in CMS.

  1. 1. Create a Menu
  2. 2. Add Items to Menu
  3. 3. Customize and Delete Menu Item
  4. 3. Add Menu To The Location in Site

1. Create a Menu

Defining a Menu is very easy,

  • Just click on "create new menu".
  • enter a menu name in input and click on "Save Menu" button to save the menu.
  • You can easily select existing menu By clicking on "Select" button.
  • Then start Customizing Your Newly created Menu.

2. Adding menu items to a menu

Just Imagine you are creating a new "Contact Us" page and wish to have a menu item in your main menu so that visitor can click this link to find How to Contact with you.

  • Just click on "Pages" Accordian.
  • click on the "View All" link to bring up a list of all the currently published Pages on your site.
  • Select the Pages that you want to add by clicking the checkbox next to each Page's title.
  • Click the "Add to Menu" button at the bottom of the Accordian to add your selection(s) to the menu, that you created in the previous step.
  • Click the "Save Menu" button when you added all the menu items you want.

Note : Note The Screen Options allow you to choose which items you can use to add to a menu. Certain items, like Tags are hidden by default.

3. Customizing and Deleting Menu Items

There are some Item Customizations.

- Navigation Label : Navigation Label specifies the title of the item on your custom menu. This is what your visitors will see when they visit your site/blog.

- Title Attribute : Title Attribute specifies the Alternative ('Alt') text for the menu item. This text will be displayed when a user's mouse hovers over a menu item.

- Link Target : Select "Same window or tab" or "New window or tab" from the pulldown.

- CSS Classes : Optional CSS Classes for this menu item.

- Description Description for this link. The description will be displayed in the menu if the current theme supports it.

Deleting the Menu Item

Click on the "Remove" link at the bottom of the item box. The menu item/box will be immediately removed. Click the "Save Menu" button to save your changes.

4. Add Menu To The Location in Site

At the bottom, there is Display Locations that determine the position of menu in Frontend site.

Page Editor -

Page Editor

Now we have added a newly created Customizable Page Editor system created by our team.It makes simpler for users to create and edit pages. This is very simple to use and Customizable.

So How it Work ?

It Makes easy to create and edit a Page. when we create a page we add elements(sections) as our need, so w3cms page editor has functionality for add, edit and delete elements(sections) easily. w3cms have both some global and themes elements. in Next Steps we will see how it works.

Before this page editor we used to add only static html while creating a new page but after adding this page editor, html is already added in elements(in the views file of theme) and user just add content for html in element by page editor. so it makes pages dynamic.

Add Edit and Delete a Element -

We can easily add an element, by clicking on 'Add element' button or '+' button, by clicking it we see a Model of elements. as per image below:

select an element, and it will be added in magic editor content box.

Next, after clicking on edit button we will see a model of input form , Then insert the Suitable content for the element and it will show on the site with the theme HTML.

We can easily Delete an Element by clicking on 'x' button.

Examples of some element's Fields -

There are several common fields what you will see in elements.

Title :The 'Title' field Will add a section Title in the section.

Subtitle :The 'Subtitle' field Will add a section Subtitle in the section.

Description :The 'Description' field Will add a section Description in the section.

Select Categories :The 'select categories' field choose categories of posts you want to show on post listing section. if you choose nothing then all posts will be shown in section.

Post With Images Only :The 'Post With Images Only' field is a checkbox if this is checked then only post which have featured image will show in section .

Pagination :The 'Pagination' field is a checkbox if this is checked then pagination button will show in section .

No. of Posts Per Page :The 'No. of Posts Per Page' field is for how many posts will show in section.

Order and Order By :The 'Order and Order By' fields is for what is the order of posts in list and if select nothing then order is random.

View all or Read more :The 'View all or Read more' these fields are checkbox , when this is checked then a second field 'Select Page' is shown for redirect on a page, these checkbox will show a button in section for page redirect on other page.

Add More Button :The 'Add More Button' is ajax based button. This will be add a few content or box (box of input fields) of html by ajax , it will be used for add more features, add more Slides in slider, Add more Social icons etc.

CPT - Custom Post Type Dropdowns :There is some dropdown fields for CPT - Custom Post Types. this works when select a Custom Post Type then a dropdown of post type categories will show. these are ajax based dropdowns and show data dynamically by database. Example - Services, Testimonials etc.

W3CPT - Custom Post Type

What Is Custom Post Type

It's possible to generate your own post types, referred to as custom post types, which prove valuable when crafting content that deviates from the standard post or page format. You could also create custom post types for portfolios, testimonials, products, teams and services.

Creating a Custom Post Type

This method create custom post type with safe and easy way. You can create and update custom post type go to W3 Post Types -> Add Post Type

How To Show Custom Post Type On Front?

To show custom post type on you site go to Appearence -> Menus and add like showing below screenshot.

There is more way to display custom post type using magic editor

Notifications

What Is Usage Of Notifications?

Using notification system you can create and update notification templates go to Notifications -> Add Notification Config

Enable and Disable Notification

See below screenshot, you can mangage notification settings go to Notifications -> Notification Config Settings

Use following method to send notification in controller:-

<?php
namespace App\Http\Controllers\Admin;
use App\Http\Controllers\Controller;
use App\Models\Notification;
class MyController extends Controller
{
    public function funcation_name()
    {
    	// Your functionality code
    	
    	$notificationObj        = new Notification();
        $notificationObj->notification_entry('Event Code', 'Object Id', 'Sender Id', 'Receiver Id');
    
    }
}

Sass Compile -

1.- Install Node.js

To compile Sass via the command line first, we need to install node.js. The easiest way is downloading it from the official website nodejs.org open the package and follow the wizard.

2.- Initialize NPM

NPM is the Node Package Manager for JavaScript. NPM makes it easy to install and uninstall third party packages. To initialize a Sass project with NPM, open your terminal and CD (change directory) to your project public folder.

npm init

Once in the correct folder, run the command npm init. You will be prompted to answer several questions about the project, after which NPM will generate a package.json file in your folder.

3.- Install Node-Sass

Node-sass is an NPM package that compiles Sass to CSS (which it does very quickly too). To install node-sass run the following command in your terminal: npm install node-sass

npm install node-sass

4.- Write Node-sass Command

Everything is ready to write a small script in order to compile Sass. Open the package.json file in a code editor. You will see something like this:

In the scripts section add an scss command

"scripts": {
	"sass": "node-sass --watch scss/main.scss css/style.css"
},

5.- Run the Script

To execute our one-line script, we need to run the following command in the terminal: npm run sass

npm run sass

6. - Other Option

--source-map

"sass": "node-sass --watch scss/main.scss css/style.css --source-map css/style.css.map"

Import & Export -

How to use Import & Export ?

w3cms has features for import and export data. you can use these features for backup or transfor data in another w3cms instsllstion but before using these features firstly take a backup of your database for safety.

Export -

w3cms has features for Export data. w3cms export data of blogs, pages, categories, tags and menus from database in a xml file.

users have options for export filtered data or export all contents (blogs, pages, categories, tags and menus).

Import -

w3cms has features for Import data. import Feature import data from xml file to database for the content available in xml file.

w3cms import only support specific xml file exported by w3cms.


Theme Manager -

How to Manage Themes ?

w3cms uses Laravel Theme Manager (Hexadog) For Management of themes.

Active and Import Theme Dummy Data -

1. Activate Theme

w3cms has options for change themes easily for frontend sites. just click on active button for activate a theme.

2. Import Theme Dummy Data

w3cms provides a import dummy data option, so you can add some dummy pages, blogs and menus related to activated theme.

  1. there's few options for import dummy data:-
    1. - Draft all existing pages, I will manage one by one.
    2. - Delete all existing data and setup new theme.
    3. - Import data and setup new theme without draft and deleting data.

Create Theme -

You can easily create a new Theme by using the following command and follow the steps:


	php artisan theme:make

 	  Theme Name:
 	  > 

 	  Vendor name:
 	  > 

 	  Author name:
 	  >  

 	  Description:
 	  > 

 	  Version:
 	  > 

 	  Is it a child theme? (yes/no) [no]:
 	  > y

 	  Parent theme name:
 	  > 

							

This command will create a new Theme directory with all necessary files (Like public and resources folders) within the themes folder.

Folder Structures -

This is The Folder Structure of Newly Created Theme Folder-

  • themes
    • vendorName
      • themeName
        • public
          • css
          • js
          • img
        • resources
          • views
            • layouts
              • app.blade.php
              • guest.blade.php
        • composer.json

This is The Folder Structure of w3cms themes Folder-

  • themes
    • w3cms
      • cryptozone
        • public
          • css
          • fonts
          • icons
          • images
          • js
          • scss
          • vendor
        • resources
          • views
            • elements
              • banner-inner.blade.php
              • footer.blade.php
              • header.blade.php
              • main-banner.blade.php
              • nav_menu.blade.php
              • pagination.blade.php
            • errors
              • 403.blade.php
              • 404.blade.php
              • 503.blade.php
              • coming_soon.blade.php
            • layout
              • default.blade.php
            • widgets
              • blog_archive.blade.php
              • blog_category.blade.php
              • recent_blogs.blade.php
              • search.blade.php
              • sidebar.blade.php
              • tags.blade.php
            • archive.blade.php
            • blog.blade.php
            • category.blade.php
            • contact.blade.php
            • index.blade.php
            • page.blade.php
            • search.blade.php
            • single.blade.php
            • tag.blade.php
        • composer.json
        • cryptozone.xml
        • screenshot.png

Add Assets and Views of theme -

You can add any theme Asset like css, js, icons and images in public folder of newly created theme under the themes folder. For Ex.- themes/vendor/theme/public.

When the theme is active, theme manager will create symbolic link from theme's public folder to root public folder.

Views -

Themes Manager allows you to override error views by creating Theme's specific error views into themes/vendor/theme/resources/views/errors directory of your theme. so you can make different errors and coming soon pages for different themes.

if you want to add views in theme you can see the folder structure of w3cms in previous steps, to add views. w3cms has use some helper functions in views (created by w3cms) for getting menus, links of blogs and other things.

see some of these options before creating views :

menus - w3cms has in built function DzHelper::nav_menu() for creating recursive menus under package/app/Helper/DzHelper.php file. this helper function calls nav_menu.blade.php under theme/resources/views/elements/nav_menu.blade.php folder. menus created in admin panel and set on a location like 'primary' and these locations were set in your views to call a menu. all menu locations available in package/config/menu.php file.

	
							
	{{ DzHelper::nav_menu(
	  	array(
	 		'theme_location'  => 'primary',
	 		'menu_class'      => 'nav navbar-nav navbar',
	  	)
	  ); }}
							
						

links - w3cms has some helper functions for calling links of a detail page, blog, category tags etc. all links functions available in package/app/Helper/DzHelper.php file.

	
							
	href="{{ DzHelper::laraBlogLink($blog->id) }}"
							
						

Theme Features -

js/deznav-init.js


				var dezSettingsOptions = {
					typography: "poppins",
					version: "light",
					layout: "vertical",
					primary: "color_1",
					headerBg: "color_1",
					navheaderBg: "color_1",
					sidebarBg: "color_1",
					sidebarStyle: "full",
					sidebarPosition: "fixed",
					headerPosition: "fixed",
					containerLayout: "full",
					direction: direction
				};
				

Color Theme -

So many color option available

  • color_1
  • color_2
  • color_3
  • color_4
  • color_5
  • color_6
  • color_7
  • color_8
  • color_9
  • color_10
  • color_11
  • color_12
  • color_13
  • color_14
  • color_15
					var dezSettingsOptions = {
						typography: "poppins",  		More Options => ["poppins" , "roboto" , "Open Sans" , "Helventivca" ]
						version: "light",       		More Options => ["light" , "dark"]
						layout: "horizontal",   		More Options => ["horizontal" , "vertical"]
						primary: "color_11",			More Options => ["color_1," , "color_2," ..... "color_15"]
						headerBg: "color_1",			More Options => ["color_1," , "color_2," ..... "color_15"]
						navheaderBg: "color_1",			More Options => ["color_1," , "color_2," ..... "color_15"]
						sidebarBg: "color_11",			More Options => ["color_1," , "color_2," ..... "color_15"]
						sidebarStyle: "compact",		More Options => ["full" , "mini" , "compact" , "modern" , "overlay" , "icon-hover"]
						sidebarPosition: "static",		More Options => ["static" , "fixed"]
						headerPosition: "fixed",		More Options => ["static" , "fixed"]
						containerLayout: "full",		More Options => ["full" , "wide" , "wide-box"]
						direction: direction			More Options => ["ltr" , "rtl"]
					};
				

				var dezThemeSet1 = {
					typography: "poppins",
					version: "light",
					layout: "vertical",
					headerBg: "color_1",
					primary: "color_2",
					navheaderBg: "color_2",
					sidebarBg: "color_2",
					sidebarStyle: "full",
					sidebarPosition: "fixed",
					headerPosition: "fixed",
					containerLayout: "full",
					direction: direction
				};
				

				var dezThemeSet2 = {
					typography: "poppins",
					version: "light",
					layout: "vertical",
					primary: "color_7",
					headerBg: "color_1",
					navheaderBg: "color_7",
					sidebarBg: "color_1",
					sidebarStyle: "modern",
					sidebarPosition: "static",
					headerPosition: "fixed",
					containerLayout: "full",
					direction: direction
				};
				

				var dezThemeSet3 = {
					typography: "poppins",
					version: "light",
					layout: "horizontal",
					primary: "color_1",
					headerBg: "color_1",
					navheaderBg: "color_1",
					sidebarBg: "color_3",
					sidebarStyle: "full",
					sidebarPosition: "static",
					headerPosition: "fixed",
					containerLayout: "full",
					direction: direction
				};
				

				var dezThemeSet4 = {
					typography: "poppins",
					version: "light",
					layout: "vertical",
					primary: "color_9",
					headerBg: "color_9",
					navheaderBg: "color_1",
					sidebarBg: "color_1",
					sidebarStyle: "compact",
					sidebarPosition: "fixed",
					headerPosition: "fixed",
					containerLayout: "full",
					direction: direction
				};
				

				var dezThemeSet5 = {
					typography: "poppins",
					version: "light",
					layout: "vertical",
					primary: "color_7",
					headerBg: "color_1",
					navheaderBg: "color_7",
					sidebarBg: "color_7",
					sidebarStyle: "icon-hover",
					sidebarPosition: "fixed",
					headerPosition: "fixed",
					containerLayout: "full",
					direction: direction
				};
				

				var dezThemeSet6 = {
					typography: "poppins",
					version: "light",
					layout: "vertical",
					primary: "color_1",
					headerBg: "color_3",
					navheaderBg: "color_1",
					sidebarBg: "color_1",
					sidebarStyle: "mini",
					sidebarPosition: "fixed",
					headerPosition: "fixed",
					containerLayout: "full",
					direction: direction
				};
				

				var dezThemeSet7 = {
					typography: "poppins",
					version: "light",
					layout: "vertical",
					primary: "color_2",
					headerBg: "color_1",
					navheaderBg: "color_2",
					sidebarBg: "color_2",
					sidebarStyle: "mini",
					sidebarPosition: "fixed",
					headerPosition: "fixed",
					containerLayout: "full",
					direction: direction
				};
				

				var dezThemeSet8 = {
					typography: "poppins",
					version: "light",
					layout: "vertical",
					primary: "color_2",
					headerBg: "color_14",
					navheaderBg: "color_14",
					sidebarBg: "color_2",
					sidebarStyle: "full",
					sidebarPosition: "fixed",
					headerPosition: "fixed",
					containerLayout: "full",
					direction: direction
				};
				

Configuration -

Zenix theme has a large variety of layout styles and settings. You can visually test them all in layout builder section. We also implemented this comprehensive layout configuration into our Laravel version of theme.

Configuration file config/dz.php here all the css and js files are defined according to different pages of admin panel.

You can include your js and css file set the theme layout to your needs by given possibility.

Our Products -

Do You Need Help To Customization

After Purchase A Template...

You Will Start Customizing According Your Requirement
BUT What If You Don't Know

SOLUTION IS HIRE DexignZone

Hire Same Team For Quality Customization

  • We Will Customize Template According To Your Requirement
  • We Will Upload On Server And Make Sure Your Website is Live

Do You Need Help Watch video

1) W3CMS Installation

2) W3CMS Theme Manager

3) W3CMS Language Manager

4) W3CMS Page Builder Editor

Version History - #back to top

13 February 2024

  • added two new themes samar and akcel
  • added environment configurations system
  • fix bugs in comments, ckeditor drag and drop image save, Page seo meta tags fixed, theme settings
  • improved language module with some bugs fixed

04 August 2023

  • Added Translation Editor
  • Added Theme Installation Manager
  • Fixed Some Bugs

23 June 2023

  • Upgrade From Laravel 9 To Laravel 10
  • Fixed Some Bugs

21 June 2023

  • Added Admin Theme Feature
  • Added Drag And Drop Feature In Page Editor
  • Added User Delete Confirmation Feature
  • Fixed Menu Location Issue
  • Fixed More Bugs

09 June 2023

  • Added Two New Themes
  • Added More Elements In Page Editor
  • Added New Custom Post Type Feature
  • Added New Notification Feature
  • Added Comment Section With Page
  • Added Comment Configuration
  • Added Environment Configuration
  • Resolve Blog And Page Slug Issues On Edit Page
  • Improve Comment Section
  • Improve SEO functionality to make it easy to use
  • Resolve Some Bugs

10 May 2023

  • Added New Page Editor
  • Added Blog Comment Feature
  • Resolve Installation Issues
  • Resolve Slug Issues
  • Resolve Security Issues

04 April 2023

  • Added Multi Language Feature
  • Update Installation Steps Theme

13 March 2023

  • Added Import Theme Data Feature
  • Added Settings for clear-cache and storage-link
  • Updated Admin Menu Sidebar
  • Resolve Some Bugs Issues

27 Feb 2023

  • Added Theme Manager Panel With 3 Theme
  • Updated Admin Menu Sidebar
  • Resolve Some Bugs Issues

23 Feb 2023

  • New - Created & Upload W3CMS Laravel