In Bagisto which framework is used ? Tailwindcss or Bootstrap ?

tribhuvanabhi

In Bagisto which framework is used? is Tailwindcss or Bootstrap ? , most of the classes are tailwindcss , but when i tried to customize and adding new tailwindcss classes then this is not working.

Rishabh-Webkul

Hello @tribhuvanabhi

We are using Tailwind CSS in our new Bagisto versions.

To know in detail you can go through the below link.

https://devdocs.bagisto.com/2.x/architecture/frontend.html#tailwind-css

Thanks & Regards

tribhuvanabhi

@Rishabh-Webkul i am using Bagisto Version 2.2 , i want to customize the bagisto theme, whenever i tried to add some tailwindcss or bootstrap classes neither work. What should i do to use tailwindcss classes to customize Bagisto ??

Rishabh-Webkul

Hello @tribhuvanabhi

Kindly provide us with the steps on how you are customizing this.

Thanks & Regards

tribhuvanabhi

@Rishabh-Webkul I want to customize the home page , so i am trying to change in the header blade files, mobile and desktop also but in both neither tailwindcss or bootstrap work

amit-webkul

Hello @tribhuvanabhi,

To customize the header of your storefront according to your preferences, please follow the steps below:

Step 1:
If you are customizing in the shop package and adding new or custom changes with custom Tailwind classes, make sure to install the required npm dependencies in the relevant package.
You can do this by running the following command:

npm install

Step 2:
To see your changes reflected in real-time, start the npm server by running the command:

npm run dev

This will update the code and reflect the changes you've made.

Step 3:
Once you're satisfied with the changes, you can stop the npm server and run the build command to generate a new build file containing your updated CSS classes. Use the following command:

npm run build

Note:
If you don’t see the changes in development mode, you may skip Step 2.

Let me know if you need further assistance!