Back to Top

User Guide for Vape Commerce

Updated 8 January 2025

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.

Start your headless eCommerce
now.
Find out More

Features

  • 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.

Installation of Bagisto Vape Commerce

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

General Configuration of Bagisto Vape Commerce

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

bagisto vape commerce theme settings

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.

create new block for 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.

product carousel

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

bagisto vape commerce new arrivals

Product Grid

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.

product grid configuration

The product grid will look as per below image,

trending products

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.

category carousel

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

shop by categories

Product Reviews

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.

product review configuration

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

bagisto vape commerce reviews

Services Content

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.

laravel ecommerce service content configuration

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

services content storefront

Static Content

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.

static content configuration

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

vape commerce static content on storefront

Storefront Features

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,

age verification system

Product Comparison

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

product comparison

Mega Menu

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

vape commerce mega menu

Search Suggestions

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

product search suggestions

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.

product page storefront

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.

mini cart

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.

checkout page

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.

customer account dashboard

Support

So that is all for the Bagisto Vape Commerce 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.

Current Product Version - 2.2.3

Supported Framework Version - Bagisto v2.2.3

. . .

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