How to customize bagisto theme with Bagisto-custom-style-extension

Introduction

The Bagisto-custom-style-extension provides you a way to style the Bagisto using your own CSS. This extension is specially for the Bagisto. As Bagisto comes with the default theme and some people may or may not like the default theme and want to change it accordingly. So here is good news. This extension provides a way to customise the style with your own css.

how to install Bagisto-custom-style-extension

Assuming that you have already installed the Bagisto those who may not have install can download it from the link below

https://bagisto.com/en/

step-1

Run the following command

composer require prashant-webkul/custom-style

step-2

In your Bagisto’s root there is a composer.json and inside it there is a psr-4 object at its end place the line:

"Webkul\\CustomStyle\\": "packages/Webkul/CustomStyle/src"

step-3

In file config/app.php you will find an array called ‘providers’ at that array’s end paste the line below:

Webkul\CustomStyle\Providers\CustomStyleServiceProvider::class

step-4

Run command: composer dump-autoload.

---

After running through the above step. Now load admin or shop pages you will see styles in this package passed using events will be working and specifically you will see red background for shop and green background for admin pages.