Back to Top

User Guide for the Bagisto Fashion Commerce

Updated 27 September 2024

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.

Start your headless eCommerce
now.
Find out More

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.

admin-theme

Users can update and customize product carousel details from the admin end by adding filters, titles, product view limits, etc.

product-carousel

This is how the product carousel appears on the front end for customers.

product-carousel

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.

product-grid

Here’s how the product grid looks to customers.

product-grid

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.

category-carousel

The category carousel will appear to customers like this.

category-crousel

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.

product-review

The review carousel section will appear to customers like this.

review-carousel

Service Content

Admins can add new services by entering titles and descriptions or editing existing services.

service-content

Service content will appear to the customer like this.

service-content

The admin can modify static content by writing HTML and CSS code and previewing the changes in the store.

bagisto-promotional-banner

The banner will appear to customers like this.

product-banner

Storefront

Here’s how the homepage looks to customers: they can see a variety of banner carousels displayed on the landing page.

store-content

Customer Login

Users can log in with their existing account credentials or create a new account.

customer-login

Search Option

Customers can search for products by entering their names. Their search history will be saved for future use.

search-option

Product filter

Customers can browse products by category and apply filters. They can sort items based on criteria such as price, color, and size.

product-filter

Compare Product

Users can add products to a comparison list, enabling them to evaluate and compare items before purchasing.

product-compare

Shopping cart and mini-cart

The shopping cart allows users to view and manage all selected items before checkout.

shopping-cart

While the mini-cart provides a quick overview of items added to the cart without leaving the current page.

shopping-cart

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-checkout

Order Details and History

Users can view their order history and details in the “Order List” section under the “Account Information” option.

order-history

Reviews

Users can submit reviews for any product, including text and images. These reviews are visible to sellers and customers in the review section.

product-review

Instagram post

Customers’ Instagram posts are displayed on the homepage of the fashion commerce.

instagram-post

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.

mobile-app

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.

. . .

Leave a Comment

Your email address will not be published. Required fields are marked*


Be the first to comment.

Back to Top

Message Sent!

If you have more details or questions, you can reply to the received confirmation email.

Back to Home

Table of Content