EmilioBravo / filament-themes

FrontEnd Themes Manager For Filament Admin

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Filament Theme Manager

FrontEnd Themes Manager For Filament Admin

Installation

You can install the package via composer:

composer require 3x1io/filament-themes

Run migration:

php artisan vendor:publish --provider="Spatie\LaravelSettings\LaravelSettingsServiceProvider" --tag="migrations"
php artisan migrate

Then publish the assets:

php artisan vendor:publish --tag="filament-themes"

Run migration:

php artisan migrate

Remove default route from routes/web.php

php artisan optimize

add to your composer.json

"autoload": {
    "psr-4": {
        "App\\": "app/",
        "Database\\Factories\\": "database/factories/",
        "Database\\Seeders\\": "database/seeders/",
        "Themes\\": "resources/views/themes/"
    }
},
composer dump-autoload

Create New Theme

to create a new theme first of all you need to create a new folder inside resources/views/themes with you theme name and this name must be without spaces, inside this folder create a new json file named info.json and on this file put this json object

{
  "name": "3x1 Theme",
  "ar": "ثري اكس ون ثيم",
  "description": "3x1 Theme Is Default Theme Of 3x1 Framework",
  "description_ar": "الثيم الافتراضي لنطاق عمل 3x1",
  "keywords": [],
  "aliases": "3x1",
  "files": [],
  "requires": [],
  "image": "placeholder.webp"
}

{info} the aliases must be the same as theme folder name

now we need to add some folders & files inside the theme main folder:

  1. controller this folder use to add a controllers to theme
  2. routes/web.php this file use to add a routes for this theme
  3. layouts/app.blade.php this file use as main layout of the theme
  4. pages/home.blade.php this file use as homepage

you can include a file in a head of your theme to support SEO this by use this code inside <head></head>

@include('includes.meta')

the last thing we must to do it to add the assets folder of the theme to public/themes/THEME_NAME where THEME_NAME is the name of the theme.


Theme Helpers

our theme feature has some helpers to make it easy to make a frontend theme like theme assets url

theme_assets()

this function take a url and make it easy to access your theme path public/themes/THEME_NAME/

theme_namespace()

this function get the namespace for the controller folder of the current theme

show_menu()

this function take a key and get this key from settings table and decode it to array so you can use it when you make a menu inside a json setting.

dollar()

this function take a number and convert it to money style with a currency symbol


Generate a Theme Controller

our themes feature support artisan command to generate a new theme controller you can use this command like

php artisan themes:controller CONTROLLER_NAME THEME_NAME

where CONTROLLER_NAME is the name of the controller & THEME_NAME is the name of the theme

Changelog

Please see CHANGELOG for more information on what has changed recently.

Credits

License

The MIT License (MIT). Please see License File for more information.

About

FrontEnd Themes Manager For Filament Admin

License:MIT License


Languages

Language:PHP 62.3%Language:Blade 37.7%