Categories Technology

User Guide for Vape Commerce


Vape Commerce is an add-on for the Bagisto e-commerce platform that turns your store into a vape store.

This is specially designed for sellers who offer different types of vapes and related items.

The vape business helps meet the needs of the vape industry. It provides an e-commerce solution to sell vape products and accessories.

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

Additionally, if you want to have a fashion-based website to sell fashion products, you can check out Bagisto Fashion Commerce.

  • Designed to work seamlessly across 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 each customer.
  • Includes search filters to improve the browsing experience.
  • Easily connects to social media platforms like Instagram to display products.
  • Displays products in different formats like carousel, grid and static for effortless navigation.
  • Highlights special promotions and new releases, making them easy to find.
  • Includes a premium section to showcase exclusive items or luxury collections.
  • A video section highlights product features to visually engage users.
  • Provides a smooth purchasing journey with simple product navigation.
  • Features a mega menu for simple product exploration.
  • Customers can customize their searches by price, size or color.

Installation of Bagisto Vape Commerce

The installation is simple as is 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 ‘suppliers section:

Webkul\Breeze\Providers\BreezeServiceProvider::class,

4: In the config/theme.php deposit, 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 configuration:

composer dump-autoload
php artisan breeze:install

General configuration of Bagisto Vape Commerce

Once Bagisto Vape Commerce is installed, the administrator goes to Settings and then selects Theme.

Next, the admin will configure Vape Commerce. They hit Create a theme button to create a new block according to the theme.

create a new block for the theme

Here the following fields are filled,

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

Once the fields are filled as required, tap Save theme.

Now let’s check below the available blocks,

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

product carousel

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

bagisto vape commerce new arrivals

The Product Grid block displays products in a grid format. They can set the grid type (for example, 3x or 4x) and the limit (12, 24, 34 or 48 elements). They can also create filters.

product grid configuration

The product grid will look like the image below,

trendy products

The admin has the option to customize the category carousel by including a title, description and different sorting options. Additionally, they can set boundaries and use filters with key-value pairs.

category carousel

The category carousel will be displayed to customers this way.

shop by categories

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

product review setup

The review carousel section will look like the image below for customers,

bagisto vape business reviews

The administrator has the option to create new service content by entering titles and descriptions, or he can modify the service content already in place.

setting up Laravel ecommerce service content

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

service content showcase

This type of block drives audience engagement by providing clear and informative static content. Admin can enter content in HTML or CSS format and also preview it in real time.

There is also an option to add images.

configuring static content

Static content can be displayed on the storefront for customers according to the image below.

static content of the vape business on the showcase

Age verification system

Whenever a customer visits the Vape Commerce enabled Laravel e-commerce website, the age verification prompt appears to verify the age. This is done according to the image below,

age verification system

Product comparison

Store customers benefit from the product comparison functionality. Using it, they will compare several products at the same time.

product comparison

Mega menu

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

mega vape business menu

Search suggestions

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

product search suggestions

Product page

The Vape Commerce product page provides clear and concise product information. From there, they will add the product to cart, add it to their wishlist, or leave a review on it as well.

product page showcase

Mini cart

The mini cart is a useful feature for store customers as they can add products to their cart. Additionally, they view it on the homepage without redirection and continue shopping.

mini cart

Checkout page

The checkout page provides store customers with a clear and smooth interface to select the address, shipping method, and payment method.

They also review the products they buy and a Apply coupon The section is provided to apply discount coupons.

payment page

Customer account dashboard

Customers have their own dashboard when they register on the Vape store. Here they will manage their profile. They can edit personal information, check orders and addresses, view wishlist and reviews.

customer account dashboard

So that’s all for the Bagisto Vape Commerce guide.

For any questions or further assistance, you can email us at [email protected]. You can also create a ticket with our HelpDesk system.

Please explore our quality Laravel development services and Bagisto extensions.

Current product version – 2.2.3

Supported framework version – Bagisto v2.2.3



Technology

More From Author