Theme Creation and Override Bottleneck

courage

I have been looking into bagisto for weeks searching the internet for a more elaborate and detailed explanation on how to "not just create a theme or package but be able to make items or products, categories and the likes, appear where i want them".
Well, i created a package following https://devdocs.bagisto.com/create_package.html. and it was great but afterwards, am left confused on where the products should appear or how to even make that happen. So, i switched over to theme creation but still the same bottleneck.

So i tried looking into the velocity theme to determine how am going to make things easy for me. Well, it was great at first until i realized that i cant find some components. I don't know where they are or how they came to be.

My suggestion is; in subsequent updates, you create a components folder where you store these vue components instead of scattering them everywhere.
In the mean time, i would like you to point me to where or how i could locate these vue components as they are not available in the particals file:

carousel-component
sidebar-component
mini-cart
i actully found the mini-cart but the x-template code i cannot find

prateek-webkul

Hello,

For simplicity and ease the developer work, we have already separated the components folder you may find all Vue components located at packages/Webkul/Velocity/src/Resources/assets/js/UI/components

Can you please elaborate more about the package creation issue, we might help you so you can proceed with your work.....

Thanks

courage

@prateek-webkul
wow... sorry i never checked that directory.
am beginning to like you guys again
That was really a perfect answer

prateek-webkul

@courage,
Sounds great, it fixes your query. You can rate our support here: https://www.trustpilot.com/review/bagisto.com. It would be really grateful for us.

courage

@prateek-webkul
Sorry am here again... i have just one more silly question "i suppose!"
I have made some changes to the files in packages/Webkul/Velocity/src/Resources/assets/js/UI/components
but there is no vissible changes. The question is, why is that?
I have thought of copying the UI/components* folder to my theme public assets paths and have it linked to my the layout. But, i don't know, i haven't really tried it and it sure sounds absurd. So, whats the way forward

prateek-webkul

If you want to change in your CSS or JS files. Follow below steps:

Open the path "packages/Webkul/Velocity" in terminal and run the command "npm install".
After successful execution of above command, run the command "npm run watch".
Now, change the SCSS or JS files. Your changes will reflect now in the browser.
Upon successful completion with the changes in SCSS or JS files, run the command "npm run prod" to publish all your files permanently in package's publishable directory.

Thanks

courage

everything is fine now. thanks for helping

courage

@prateek-webkul

These lines are causing some error in my template

@if ($velocityMetaData)
    {!! DbView::make($velocityMetaData)->field('home_page_content')->render() !!}
   @else
     @include('shop::home.banner.index')
     @include('shop::home.advertisements.advertisement-four')
     @include('shop::home.featured-products')
     @include('shop::home.advertisements.advertisement-three')
     @include('shop::home.new-products')
     @include('shop::home.advertisements.advertisement-two')
@endif

I added this line

@include('shop::home.banner.index')

but realized it doesnt take any effect, so i removed if-else statement but got loads of vue errors.

So, what's the line for and how do i make it render my view?

{!! DbView::make($velocityMetaData)->field('home_page_content')->render() !!}

prateek-webkul

@courage ,

share the screenshot of errors you are facing...

courage

@prateek-webkul
screenshot plus the loading is incredibly slow, any idea on how to improve that?
alt text

prateek-webkul

@courage ,

Have you done any changes in the existing file, once check for the code. They must be written under tags and tags must be closed...

courage

@prateek-webkul
am not actually very good at vue, so am pausing to take a good look at the whole concepts. but one i thing i do notice though, is the load speed which in a way is very slow. i don't know if that's because of my development environment which is currently local or did you guys implement some kind php sleep function to make it wait for some time before loading. either ways, i would fancy a suggestion on what to do to achieve a much cleaner and faster system

ghermans

In case Bagisto is loading slowly you can do the following things:

Pull the latest changes from our repository bagisto/bagisto because we added fixes related to the load time.
Open .env and change APP_DEBUG=true to APP_DEBUG=false.
Change the php memory limit to 3 or 4G in your php.ini file.
In case you are using vagrant / homestead make sure that the virtual machine has enough memory.