Bagisto fashion commerce is designed for the fashion e-commerce store on the Bagisto platform.
It is specially designed for fashion sellers that sell different kinds of apparel.
With its user-friendly interface and visually appealing design, the Bagisto fashion commerce enhances the shopping experience for customers.
Customers can easily navigate various categories and discover the latest trends in fashion.
The Bagisto fashion Commerce is optimized for mobile devices, ensuring shoppers can browse and purchase items seamlessly, regardless of the device.
Also, to convert your store to a Multi-Vendor Marketplace, please check the Laravel Multi Vendor Marketplace extension.
Features
- The search history memory feature maintains previous searches for easy access in the future.
- Mega menu displays the entire navigation in a single interface.
- Display static content from Instagram concerning customer purchases, which is customizable.
- Create fashion-based sections on the homepage that significantly enhance user experience.
- An enhanced category filter enables customers to sort products effortlessly.
- Selected categories on the homepage can displayed as a carousel.
- Support for multiple currencies and languages.
- Review section with details of images of purchased products.
- Category images and category products are displayed on the homepage in a carousel.
Installation
The installation is simple just like the installation of the Bagisto extension.
Step 1:
Unzip the extension zip and merge the “packages/Webkul” folders into the project root directory.
Step 2:
Open the composer.json file and add the following line under the ‘psr-4’ section:
"Webkul\\Fashion\\": "packages/Webkul/Fashion/src"
Step 3:
Access the Bagisto admin panel to set up theme-specific configurations. Navigate to Settings > Design or a similar section dedicated to theme settings.
In the config/app.php file, add the following line under the ‘providers’ section:
Webkul\Fashion\Providers\FashionServiceProvider::class
Step 4. Run commands:
In the `config/theme.php` file, add the following line.
'fashion' => [ 'name' => 'Fashion', 'assets_path' => 'public/themes/fashion/default', 'views_path' => 'resources/themes/fashion/views', 'vite' => [ 'hot_file' => 'fashion-default-vite.hot', 'build_directory' => 'themes/fashion/default/build', 'package_assets_directory' => 'src/Resources/assets', ], ],
Step 5: In the config/bagisto-vite.php file, add the following line under the ‘viters’ section:
'fashion' => [ 'hot_file' => 'fashion-default-vite.hot', 'build_directory' => 'themes/fashion/default/build', 'package_assets_directory' => 'src/Resources/assets', ],
Step 6. Complete setup:
Run the following commands to complete the setup:
composer dump-autoload
php artisan fashion-theme: install
After following these steps, the Fashion Commerce Extension should be successfully installed and ready for use in your Bagisto v2.2.0 project.
Initial General Configuration
After successfully installing the Bagisto fashion commerce, the admin can navigate to the Bagisto store->Configure -> theme.
Now, the admin will configure the fashion commerce configuration.
Product Carousel
Users can update and customize product carousel details from the admin end by adding filters, titles, product view limits, etc.
This is how the product carousel appears on the front end for customers.
Product Grid
Admins can configure the product grid by setting the title, description, grid type (e.g., 3x or 4x), and limit (12, 24, 34, or 48 items). They can also create filters.
Here’s how the product grid looks to customers.
Category Carousel
Admin can customize the category carousel by adding a title, description, and sorting options. They can also set limits and apply filters using key-value pairs.
The category carousel will appear to customers like this.
Review Carousel
Admins can display customer review carousel by adjusting the title, description, product ID, sort order, and limit. They can also apply filters using key-value pairs.
The review carousel section will appear to customers like this.
Service Content
Admins can add new services by entering titles and descriptions or editing existing services.
Service content will appear to the customer like this.
Banner
The admin can modify static content by writing HTML and CSS code and previewing the changes in the store.
The banner will appear to customers like this.
Storefront
Here’s how the homepage looks to customers: they can see a variety of banner carousels displayed on the landing page.
Customer Login
Users can log in with their existing account credentials or create a new account.
Search Option
Customers can search for products by entering their names. Their search history will be saved for future use.
Product filter
Customers can browse products by category and apply filters. They can sort items based on criteria such as price, color, and size.
Compare Product
Users can add products to a comparison list, enabling them to evaluate and compare items before purchasing.
Shopping cart and mini-cart
The shopping cart allows users to view and manage all selected items before checkout.
While the mini-cart provides a quick overview of items added to the cart without leaving the current page.
Product Checkout
Customers can either continue shopping or review their shopping carts. They can then add necessary details, such as their address, to proceed with the checkout process.
Order Details and History
Users can view their order history and details in the “Order List” section under the “Account Information” option.
Reviews
Users can submit reviews for any product, including text and images. These reviews are visible to sellers and customers in the review section.
Instagram post
Customers’ Instagram posts are displayed on the homepage of the fashion commerce.
Mobile Application
Once users finalize the customization, they can easily reach out to us for app installation.
Below is the link to the app we have created for our demo Fashion E-Commerce.
Users can install it directly on their mobile devices, enabling them to enjoy the features and functionality on the go.
They can download the app using the links below:
Support
So that is all for the Bagisto fashion commerce extension guide.
For any further queries or assistance, you can drop us an email at [email protected]. You can also raise a ticket at our HelpDesk System.
Please explore our Laravel Development Services and Quality Bagisto Extensions.
Be the first to comment.