User Guide for Vape Commerce

Vape Commerce is an add-on for the Bagisto eCommerce platform which makes your store into a vape shop.

This is specifically made for sellers who offer various types of vapes and related items.

Vape commerce helps to fulfill the needs of the vape industry. It provides an eCommerce solution for selling vape products and accessories.

One of the features of Vape Commerce is its built in age verification. This ensures that only customers with legal age can buy vape products.

Additionally, If you are interested in having a fashion based website to sell fashion products, then you can check Bagisto Fashion Commerce.

• Designed to work seamlessly on all devices, including smartphones, tablets, and computers.
• Offers support for multiple languages and currencies, making it accessible to a global audience.
• Requires age verification for every customer.
• Includes search filters to enhance the browsing experience.
• Easily connects with social media platforms like Instagram to display products.
• Displays products in various formats like carousel, grid, and static for effortless navigation.
• Spotlights special promotions and new arrivals, making them easy to find.
• Includes a premium section to showcase exclusive items or luxury collections.
• A video section highlights product features to engage users visually.
• Provides a smooth shopping journey with simple product navigation.
• Has a Mega Menu for straightforward product exploration.
• Customers can customize their searches by price, size, or color.

The installation is simple just like the installation of the Bagisto extension.

1: Unzip the extension zip and merge the “packages/Webkul” folders into the project root directory.

2: Open the composer.json file and add the following line under the ‘psr-4’ section:

Webkul\\Breeze\\": "packages/Webkul/Breeze/src

3: In the config/app.php file, add the following line under the ‘providers’ section:

Webkul\Breeze\Providers\BreezeServiceProvider::class,

4: In the config/theme.php file, add the following lines:

'breeze' => [
    'name'        => 'Breeze',
    'assets_path' => 'public/themes/shop/breeze',
    'views_path'  => 'resources/themes/breeze/views',

    'vite'        => [
        'hot_file'                 => 'shop-breeze-vite.hot',
        'build_directory'          => 'themes/shop/breeze/build',
        'package_assets_directory' => 'src/Resources/assets',
    ],
],

5: In the config/bagisto-vite.php file, add the following line under the ‘voters’ section:

'breeze' => [
    'hot_file'                 => 'shop-breeze-vite.hot',
    'build_directory'          => 'themes/shop/breeze/build',
    'package_assets_directory' => 'src/Resources/assets',
],

6: Run the following commands to complete the setup:

composer dump-autoload

php artisan breeze:install

Once the Bagisto Vape Commerce is installed, the admin navigates to Settings and then selects Theme.

Next, the admin will set up the Vape Commerce configuration. They tap on Create Theme button to create a new block as per the theme.

Here the following fields are filled out,

• Name – Enter name of block
• Sort Order – Set the sort order
• Type – Select type of block
• Channels – Select the channel
• Themes – Select the type of theme

After the fields are filled as per requirement, tap on Save Theme.

Now, let’s check below the blocks that are available,

Admin can update and customize product carousel details by adding filters, titles, product view limits, etc.

Below is how the product carousel is displayed on the storefront,

The Product grid block displays the products on a grid basis. They can set grid type (e.g., 3x or 4x), and limit (12, 24, 34, or 48 items). They can also create filters.

The product grid will look as per below image,

The admin has the ability to personalize the category carousel by including a title, a description, and different sorting options. Additionally, they can establish limits and use filters with key-value pairs.

The category carousel will be displayed to customers in this way.

An admin can show a carousel of customer reviews by including a title, description, product ID, sort order, and a limit. They also have the option to use filters with key value pairs.

The review carousel section will look as per below image to customers,

Admin has the ability to create new service content by inputting titles and descriptions, or they can modify the service content that are already in place.

The customer will see the service content displayed on storefront in this way,

This kind of block boosts audience engagement by providing clear and informative static content. Admin can input content in HTML or CSS and preview it in real time as well.

There is option to add images as well.

The Static content can be displayed on the storefront for customers as per below image.

Age Verification System

Whenever a customer visits the Vape Commerce enabled Laravel eCommerce website, the age verification prompt pops up to verify age. It is done as per below image,

Product Comparison

Store customers get the product comparison functionality. Using it, they’ll compare multiple products at single time.

Mega Menu

A Mega Menu feature is integrated into Vape Commerce to explore the major categories in a single view.

Search Suggestions

When Customers will search for products on the storefront, search suggestions from previously searched products are displayed along with popular products.

Product Page

The product page of Vape Commerce provides clear and concise information about the product. From here, they’ll add product to cart, wishlist it or leave a review for it as well.

Mini Cart

The mini cart is a useful feature for store customers wherein they can add products into their cart. Additionally, they view it on the home page without redirection and continue shopping.

Checkout Page

The checkout page offers the store customers a clean and smooth interface to select address, shipping method and payment method.

They also review the products they’re purchasing and an Apply Coupon section is provided to apply coupons for discount.

Customer Account Dashboard

The customers get their own dashboard when they sign up on the Vape store. Here, they’ll manage their profile. They can edit personal details, check orders and addresses, view wishlist and reviews.

So that is all for the Bagisto Vape Commerce guide.

For any further queries or assistance, you can drop us an email at support@webkul.com. You can also raise a ticket at our HelpDesk System.

Please explore our Laravel Development Services and Quality Bagisto Extensions.