Hi @yousuf Instead of Writing whole form, css and js in single page,. is giving error. So what we can do is that we can use them separately. We are already fired two different event 'bagisto.shop.layout.head' and 'bagisto.shop.layout.body.after' from our master file, so we will use this event to add our css and js file. As we told earlier how to do this, we will follow same procedure. For JS \Event::listen('bagisto.shop.layout.body.after', function($viewRenderEventManager) { $viewRenderEventManager->addTemplate('type-hint::folder1.folder2.file-name'); }); Now put this code in your js file (This JS code is mentioned above), we did some small changes. <script> eventBus.$on('after-checkout-payment-section-added', function() { $(document).ready(function() { // Create a Stripe client. var stripe = Stripe('pk_test_TYooMQauvdEDq54NiTphI7jx'); // Create an instance of Elements. var elements = stripe.elements(); // Custom styling can be passed to options when creating an Element. // (Note that this demo uses a wider set of styles than the guide below.) var style = { base: { color: '#32325d', fontFamily: '"Helvetica Neue", Helvetica, sans-serif', fontSmoothing: 'antialiased', fontSize: '16px', '::placeholder': { color: '#aab7c4' } }, invalid: { color: '#fa755a', iconColor: '#fa755a' } }; // Create an instance of the card Element. var card = elements.create('card', {style: style}); // Add an instance of the card Element into the `card-element` <div>. card.mount('#card-element'); // Handle real-time validation errors from the card Element. card.addEventListener('change', function(event) { var displayError = document.getElementById('card-errors'); if (event.error) { displayError.textContent = event.error.message; } else { displayError.textContent = ''; } }); // Handle form submission. var form = document.getElementById('payment-form'); console.log() form.addEventListener('submit', function(event) { event.preventDefault(); stripe.createToken(card).then(function(result) { if (result.error) { // Inform the user if there was an error. var errorElement = document.getElementById('card-errors'); errorElement.textContent = result.error.message; } else { // Send the token to your server. stripeTokenHandler(result.token); } }); }); // Submit the form with the token ID. function stripeTokenHandler(token) { // Insert the token ID into the form so it gets submitted to the server var form = document.getElementById('payment-form'); var hiddenInput = document.createElement('input'); hiddenInput.setAttribute('type', 'hidden'); hiddenInput.setAttribute('name', 'stripeToken'); hiddenInput.setAttribute('value', token.id); form.appendChild(hiddenInput); // Submit the form form.submit(); } }) }) </script> For CSS We will again follow the same procedure. \Event::listen('bagisto.shop.layout.head', function($viewRenderEventManager) { $viewRenderEventManager->addTemplate('type-hint::folder1.folder2.file-name'); }); Paste this one in your css file. <style> .StripeElement { box-sizing: border-box; height: 40px; padding: 10px 12px; border: 1px solid transparent; border-radius: 4px; background-color: white; box-shadow: 0 1px 3px 0 #e6ebf1; -webkit-transition: box-shadow 150ms ease; transition: box-shadow 150ms ease; } .StripeElement--focus { box-shadow: 0 1px 3px 0 #cfd7df; } .StripeElement--invalid { border-color: #fa755a; } .StripeElement--webkit-autofill { background-color: #fefde5 !important; } .form-row { background: red; } </style> We have already did following one with form so we don't need to do it here. Right now our stripe's form, css & js is loading using three different event, Try this solution and write to us if you found any difficulty to implement it. Thanks

@rahul thanks a lot it worked !!

Hey dude I was having problems like this until I found the bagisto documentation installation.

Hi, Please clear cache using - php artisan config:clear php artisan cache:clear Thanks

Hi @Keerthi Kindly check your redirection URL at time of checkout whether it is right or wrong & make sure that you are redirecting to your redirection(Where Razorpay URL is mentioned) page after click Place order button. Thanks

Please search for same.

Hi @wasiqaftab Create ticket at https://bagisto.uvdesk.com/en/customer/create-ticket/. Thanks

Hi, You can override our views & can provide them path of your controller (route & controller of your package). To override views - Inside laravel's default views folder, (ressorces->vendor), create your views followed by same directory structure as our view consist. Thanks

Thank you. This was helpful

@yaser-az If there are no products in your database then you would not be able to see anything in datagrid. But an empty table looks like the shot below: The screenshot you posted neither shows your product index page nor the browser console at that stage. And I want to know if you create products then can you see results in your product grid.

Hi, Thank you so much............! Now everything working fine regarding sign in with google+

@Pankaj how to include script and css and form in payment.blade.php

Hi Rahul and Valpuia, Thanks for the update. Will try that out. And also will check if CSS is added to .gitignore Also in our bagisto application we have Free Shipping and Flat rate shipping. So for using our own rates, we can use https://store.webkul.com/laravel-marketplace-table-rate-shipping.html one right? But live demo is not working so that i can check it out

I managed to solve the problem by duplicating the package.json from the 'packages/Webkul/Ui' package and run npm install and all the steps that karkiswapnil gave in his solution. i recommend to not update packages but to use the same versions even if it warns you about vulnerability, otherwise you won't be able to follow the step by step of the documentation. And please review your own 'package develop documentation, from the step 9 it starts to be a little confusing and redundant with the folder structure, you should upload the ideal folder structure for the helloworld package, thanks

Hi @selvaraj Please create a ticket for same at https://bagisto.uvdesk.com/en/customer/create-ticket/ with your order Id. Thanks

hi @rahul , it works but can we develop under master though? or should we wait until next update so we can install via composer?

Hi @cmpengineers Now it is working fine. Thanks

@andrewc don't make changes to the core files, instead create a custom package more info can be found here https://devdocs.bagisto.com/create_package.html#how-to-create-package or https://forums.bagisto.com/topic/221/how-to-override-view-file-in-bagisto

ahhh .. thanks .. I have found a solution to the problem ... apparently everything can be done by creating file storage in the project directory ..

Hi @jacks Paste this code on your composer.json file { "name": "bagisto/bagisto", "description": "Bagisto Laravel ECommerce", "keywords": [ "framework", "laravel" ], "license": "MIT", "type": "project", "require": { "php": "^7.1.3", "ext-curl": "*", "ext-intl": "*", "ext-mbstring": "*", "ext-openssl": "*", "ext-pdo": "*", "ext-pdo_mysql": "*", "ext-tokenizer": "*", "barryvdh/laravel-dompdf": "0.8.3", "dimsav/laravel-translatable": "^9.0", "doctrine/dbal": "2.9.2", "fideloper/proxy": "^4.0", "flynsarmy/db-blade-compiler": "*", "guzzlehttp/guzzle": "~6.0", "intervention/image": "^2.4", "intervention/imagecache": "^2.3", "kalnoy/nestedset": "^4.3", "konekt/concord": "^1.2", "laravel/framework": "5.6.*", "laravel/tinker": "^1.0", "maatwebsite/excel": "3.1.11", "nwidart/laravel-modules": "^3.2", "prettus/l5-repository": "2.6.32", "tymon/jwt-auth": "1.0.0-rc.4" }, "require-dev": { "barryvdh/laravel-debugbar": "^3.1", "filp/whoops": "^2.0", "fzaninotto/faker": "^1.4", "laravel/dusk": "^4.0", "mockery/mockery": "^1.0", "nunomaduro/collision": "^2.0", "phpunit/phpunit": "^7.0" }, "replace": { "bagisto/laravel-user": "v0.1.0", "bagisto/laravel-admin": "v0.1.0", "bagisto/laravel-ui": "v0.1.0", "bagisto/laravel-core": "v0.1.0", "bagisto/laravel-attribute": "v0.1.0", "bagisto/laravel-checkout": "v0.1.0", "bagisto/laravel-customer": "v0.1.0", "bagisto/laravel-inventory": "v0.1.0", "bagisto/laravel-category": "v0.1.0", "bagisto/laravel-product": "v0.1.0", "bagisto/laravel-shop": "v0.1.0", "bagisto/laravel-theme": "v0.1.0", "bagisto/laravel-shipping": "v0.1.0", "bagisto/laravel-payment": "v0.1.0", "bagisto/laravel-sales": "v0.1.0", "bagisto/laravel-tax": "v0.1.0", "bagisto/laravel-api": "v0.1.0", "bagisto/laravel-paypal": "v0.1.0", "bagisto/laravel-discount": "v0.1.0" }, "autoload": { "classmap": [ "database/seeds", "database/factories" ], "psr-4": { "App\\": "app/", "Webkul\\User\\": "packages/Webkul/User/src", "Webkul\\Admin\\": "packages/Webkul/Admin/src", "Webkul\\Ui\\": "packages/Webkul/Ui/src", "Webkul\\Category\\": "packages/Webkul/Category/src", "Webkul\\Checkout\\": "packages/Webkul/Checkout/src", "Webkul\\Attribute\\": "packages/Webkul/Attribute/src", "Webkul\\Shop\\": "packages/Webkul/Shop/src", "Webkul\\Core\\": "packages/Webkul/Core/src", "Webkul\\Customer\\": "packages/Webkul/Customer/src", "Webkul\\Inventory\\": "packages/Webkul/Inventory/src", "Webkul\\Product\\": "packages/Webkul/Product/src", "Webkul\\Theme\\": "packages/Webkul/Theme/src", "Webkul\\Shipping\\": "packages/Webkul/Shipping/src", "Webkul\\Payment\\": "packages/Webkul/Payment/src", "Webkul\\Paypal\\": "packages/Webkul/Paypal/src", "Webkul\\Sales\\": "packages/Webkul/Sales/src", "Webkul\\Tax\\": "packages/Webkul/Tax/src", "Webkul\\API\\": "packages/Webkul/API", "Webkul\\Discount\\": "packages/Webkul/Discount/src", "Webkul\\CMS\\": "packages/Webkul/CMS/src" } }, "autoload-dev": { "psr-4": { "Tests\\": "tests/" } }, "extra": { "laravel": { "dont-discover": [ "barryvdh/laravel-debugbar", "laravel/dusk" ] } }, "scripts": { "post-root-package-install": [ "@php -r \"file_exists('.env') || copy('.env.example', '.env');\"" ], "post-create-project-cmd": [ "@php artisan key:generate" ], "post-autoload-dump": [ "Illuminate\\Foundation\\ComposerScripts::postAutoloadDump", "@php artisan package:discover" ] }, "config": { "preferred-install": "stable", "sort-packages": true, "optimize-autoloader": true }, "minimum-stability": "dev" } delete your vendor folder and once again run 'composer install' Thanks