Тёмный
No video :(

Creating Custom Themes in Bagisto 2.0: A Step-by-Step Guide 

Bagisto
Подписаться 1,9 тыс.
Просмотров 3,2 тыс.
50% 1

🎨 Welcome to our latest tutorial on Bagisto 2.0! In this video, we'll walk you through the process of creating a custom theme to elevate the look and feel of your online store.
1. We'll begin by creating a new package for your theme, making essential modifications, and registering the module in the composer.json, config/concord.php, and config/app.php files.
2. We'll also demonstrate how to set up Vite in your new package using the vite.config.js file.
3. To configure your store theme, we'll dive into the themes.php file, adding a new theme entry to the array. We'll explore the configurations related to shop themes, including 'hot_file,' 'build_directory,' and 'package_assets_directory,' providing you with comprehensive control over your theme settings.
4. Next, we'll install Node modules within your new package, execute npm commands for development and build, and showcase the outcome with a sneak peek at the build screenshot.
5. Learn how to override view files in your new package by copying files from the old package and pasting them following the same path structure. We'll demonstrate the process with the StoreServiceProvider.php file and guide you on publishing override files with the 'php artisan vendor:publish --force' command.
6. Finally, discover how to select and change themes from the admin end inside the channel section. Customize your online store effortlessly by switching themes with just a few clicks!
Tutorial: bagisto.com/en...
Repository: github.com/bag...
Don't forget to like, share, and subscribe for more insightful tutorials. Happy theming! 🌐✨ #Bagisto2 #CustomThemes #WebDevelopment #ecommercedesign

Опубликовано:

 

16 янв 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 50   
@nimishagarwal5185
@nimishagarwal5185 6 месяцев назад
Thanks for sharing the knowledge with us. ❤
@hammerbeats253
@hammerbeats253 3 месяца назад
Is there any way to generate the theme without cop pasting and manually changing namespace? pack-generator seems like only generate the theme config not the actual theme package?
@Bagisto
@Bagisto 2 месяца назад
No, there is no other way because to create a new theme you have to create a separate package. For that in this tutorial, we have done the same thing. Clone the Shop package and create a new one by the name of Store then change the namespaces to store in each file & this is not by the package generator, we have made entries in each file like vite setup themes.php, etc & also you will able to select a new theme from the Admin Backend Panel of Bagisto. Please remember to check the blog for the same bagisto.com/en/create-custom-theme-in-bagisto/ Thanks & Regards..!!
@user-uj9yd1rg7g
@user-uj9yd1rg7g 6 месяцев назад
Thanks for the knowledge ..
@parhamenekas
@parhamenekas 6 месяцев назад
Hi After I cloned the Shop package and created a new "Store" package, the "composer dump-autoload" command returns error that some route has duplicated like this: "In Manager.php line 62: Breadcrumb name "shop.customer.profile.index" has already been registered Script @php artisan package:discover --ansi handling the post-autoload-dump event returned with error code 1" what should I do?
@cesarcruz1385
@cesarcruz1385 5 месяцев назад
I have the same problem
@Bagisto
@Bagisto 5 месяцев назад
This error is due to because it is already registered in the shop package from which you just cloned the package. To resolve this error kindly make changes in all the breadcrumbs from the shop.customer.profile.index to store.customer.profile.index
@DigitalSolutionsCenter
@DigitalSolutionsCenter 5 месяцев назад
To solve this we updated breadcrums.php file in the packages\webkul\store\src outes folder. We changed shop.customer.profile.index to store.customer.profile.index, but we only changed those outside of route function. We are not sure if those in route function should be also changed. We will try that and share the experience.
@Bagisto
@Bagisto 5 месяцев назад
@@DigitalSolutionsCenter We are working to push our code to our official bagisto custom theme repository, after that you can easily download that Store package and use it accordingly.
@Bagisto
@Bagisto 5 месяцев назад
Here's the GitHub repo of the code we have used: github.com/bagisto/custom-theme
@samridhraj7743
@samridhraj7743 6 месяцев назад
Thanks for helping me 🎉🎉🎉😊
@rkyogi24
@rkyogi24 6 месяцев назад
Useful info 👍👍👍
@Devansh-jh4gx
@Devansh-jh4gx 7 месяцев назад
Nice Guide
@syrecordsjaipur2190
@syrecordsjaipur2190 6 месяцев назад
Useful 😊
@Sairamyogi202
@Sairamyogi202 6 месяцев назад
Useful 👍👍
@palakshadancelife5500
@palakshadancelife5500 7 месяцев назад
Great
@haseebkambohh
@haseebkambohh 5 месяцев назад
How can i remove Offer Text in the top header "Get Upto 40% OFF" and how can i change currency symbol in Admin Dashboard like $ to pkr ?
@Bagisto
@Bagisto 5 месяцев назад
1) To remove the offer information on the header of the Bagisto page go inside a package of your theme Bagisto >> packages >> Webkul >> Shop >> src >> Resources >> views >> components >> layouts >> header >> desktop >> top.blade.php you can remove the paragraph at line no. 21. After that you can check the output on the Front end. 2) You Can easily create and add currency from the admin panel of Bagisto Login to the Admin Panel and go to Settings >> Currencies >> Create a currency if it is not created in the Grid. Now go to Settings >> Channels >> Edit the channel from Actions Now Add your Currency from the checkbox and Save the channel.
@haseebkambohh
@haseebkambohh 5 месяцев назад
@@Bagisto I want to be able to control this top header from the admin dashboard, so that if there is a new offer, I can show it, or if there is a Black Friday sale, I can display it, and when the sale ends, I can hide the top header. Also, I want to be able to change the currency for the admin dashboard.
@Bagisto
@Bagisto 5 месяцев назад
@@haseebkambohh If you are looking to provide these features in the admin panel, you can customise the code to display the same. In the previous reply, we guided you through the file path on how you can do that. You can develop a feature of that by creating a separate package for that: devdocs.bagisto.com/2.x/packages/
@MurugadossVelayutham
@MurugadossVelayutham Месяц назад
How to create a custom the admin theme in bagisto.? Do you have any video reference so far.?
@Bagisto
@Bagisto Месяц назад
We don't have a video yet for admin theme but thanks for giving the suggestion. We will surely work upon it.
@jamiejonescera1747
@jamiejonescera1747 6 месяцев назад
I have a concern, is it possible to hide other buttons in the admin panel, for example i need to hide the settings and configure, is it possible to hide it without any errors??? Im sorry im a complete beginner here
@Bagisto
@Bagisto 6 месяцев назад
Yes you can easily do it for new users from the admin panel of our Bagisto2.0 Go to Settings>> Roles >> Create Role >> Select Custom from the dropdown in Access Control and now add the menus as per your requirement after that go to Settings >> Users >> Create User >> Select your New User Role and then Save
@PremiumSoftwareDevelopment
@PremiumSoftwareDevelopment 5 месяцев назад
Hi sir, thank you very much for your great effort both for developing this system and sharing your knowledge. I tried to examine almost every resource on your website, forum and youtube channel. I need support for the category menu and breadcrumbs based on categories. I want to have a more hamburger-like menu for categories on every page and breadcrumb links on category pages and product pages in order to follow the links backward. Is there any step by step tutorial how to update the code to change the menu design and apply the breadcrumbs? More specifically, I want to develop two category trees for the products. Let's say we will create an ecommerce website for auto parts. There will be one tree like Car Make -> Model -> Year -> Engine Type and one tree for Product Main Group (Ex: Engine&Components) -> Product Sub Groups (Ex:Oil Systems) -> Product Groups (Ex:Oil Filters) -> Product (Ex: Oil Filter1) I know there is not any simple answer for that, but at least could you please guide me to the related resources.
@PremiumSoftwareDevelopment
@PremiumSoftwareDevelopment 5 месяцев назад
I managed to apply the breadcrumbs for category pages :) the files should be modified are: packages\webkul\shop\src outes\breadcrumbs.php and packages\webkul\shop\src esources\views\categories\view.blade.php.if anyone needs detailed instruction let me know.
@Nothinghere09811
@Nothinghere09811 6 месяцев назад
Sir My Bagisto Website is showing weird Language Symbols instead of Icons, Can you guess the issue? Is there any issue with the icon pack or something like that? One of the symbol is "¥"
@Bagisto
@Bagisto 6 месяцев назад
This issue of icons is coming due to a Cache to resolve this you can Hard Refresh your page (CTRL+Shift+R) or you can also run the php artisan optimize:clear command in the root directory of your Bagisto.
@Nothinghere09811
@Nothinghere09811 6 месяцев назад
@@Bagisto Thanks 👍🏻
@MurugadossVelayutham
@MurugadossVelayutham Месяц назад
How to create a custom admin theme? Do you have any video reference?
@Bagisto
@Bagisto Месяц назад
We don't have a video yet for admin theme but thanks for giving the suggestion. We will surely work upon it.
@ionuttatu5000
@ionuttatu5000 4 месяца назад
Is there a way to include `php artisan vendor:publish` within the `npm run dev` command so we don't have to hit it each time we save a file?
@Bagisto
@Bagisto 4 месяца назад
Right now, there is no other way to include this because if you make any changes and save the file it doesn't get compiled. npm run dev helps to compile all those changes.
@vanbayor11
@vanbayor11 4 месяца назад
Hi! running 'npm run dev' within the original shop package when making changes does not require 'php artisan vendor:publish' to preview the changes. Is this not related to how the custom theme is configured?@@Bagisto
@Bagisto
@Bagisto 4 месяца назад
@@vanbayor11 No you don't have to run this within the shop package, kindly run in the Store package that we have created in this video tutorial, and this php artisan vendor:publish force command helps to override the changes that you are making and npm run dev command compile the changes with the theme, Kindly check this blog for more details.bagisto.com/en/create-custom-theme-in-bagisto
@Nothinghere09811
@Nothinghere09811 6 месяцев назад
How to Remove Copyrights From Bottom of the Bagisto Website? I want to add My Own Shop name instead of "Webkul Copyrights Reserved"....is that possible? Help
@Bagisto
@Bagisto 6 месяцев назад
To remove copyrights from the bottom of the Bagisto website follow the below steps:- Open Bagisto >> Packages >> Webkul >> Shop >> src >> Resources >> lang >> en >> app.php Open this file and you will able to see a Footer array that contains a value of footer text change copyrights according to your own shop name save the file and check the results on the Frontend GitHub File Link - github.com/bagisto/bagisto/blob/master/packages/Webkul/Shop/src/Resources/lang/en/app.php (Line no. 349)
@Nothinghere09811
@Nothinghere09811 6 месяцев назад
@@Bagisto Thanks , I've one more Question, How can i remove Offer Text in the top of Bagisto "Get Upto 40% OFF" and How can i edit or remove the 4 Options in Bottom "Free Shipping" , Products Replace, Emi Available and 24/7 support, there are Lorem written in those Icons i want to edit them... I'll be thankful for that..
@Bagisto
@Bagisto 6 месяцев назад
@@Nothinghere09811 1) To remove the Offer Text at the top of Bagisto "Get Upto 40% OFF" you can simply open the Admin panel of Bagisto 2.0 and go inside Settings >> Themes >> select type static_content by the name of Offer Information. Now edit it from the Actions and add offer information according to your requirements. 2) To edit or remove the 4 Options at the Bottom "Free Shipping", Products Replace, Emi Available, and 24/7 support Go inside Bagisto >> Packages >> Webkul >> Shop >> src >> Resources >> views >> components >> layouts >> features.blade.php.This file is responsible for features that are reflected on the Front end. You can add or delete it as per your storefront requirements. GitHub File Link - github.com/bagisto/bagisto/blob/v2.0.0/packages/Webkul/Shop/src/Resources/views/components/layouts/features.blade.php
@Nothinghere09811
@Nothinghere09811 6 месяцев назад
@@Bagisto Thank You So Much, You guys are doing a really great work and impressive Helpline ❤️
@Bagisto
@Bagisto 6 месяцев назад
@@Nothinghere09811 It's really our honour to help you. Thank you. It would be helpful if you can rate our support here: www.trustpilot.com/review/bagisto.com
@vickychaudharyjaat9685
@vickychaudharyjaat9685 3 месяца назад
Good 👍
@PRIYANSHUNEGI07
@PRIYANSHUNEGI07 6 месяцев назад
you make clone of shop copy and then why you deleted it ...?
@Bagisto
@Bagisto 6 месяцев назад
This is just to show how to take a clone from a shop package and we have to change its namespaces as per the package. In the video we have already taken a clone and changed the name to Store you can change it accordingly.
@shakib_04
@shakib_04 3 месяца назад
seems very bad thing
@Bagisto
@Bagisto 3 месяца назад
are you facing issue with custom theme?
Далее
Wordpress or Laravel. When should you be using each?
7:30
bagisto 2.0 - What's new in this version
6:30
Просмотров 1 тыс.
Is HTMX a Joke??
32:15
Просмотров 20 тыс.
Laravel Best E-Commerce Packages: Comparison Review
7:51
Writing Sphinx Documentation Part - 1
13:50
Elon Musk STUNS The Industry With GROK 2
17:53
Просмотров 24 тыс.
7 Wordpress Plugins I install on all websites (2024)
15:07
Good APIs Vs Bad APIs: 7 Tips for API Design
5:48
Просмотров 227 тыс.