User Guide for Jewellery Commerce

Jewellery Commerce add on converts the Bagisto eCommerce store into a full fledged Jewellery shop.

Using it, Admin can sell jewellery and their related products easily. It is a customizable jewellery selling solution.

Smart search filters in jewellery eCommerce allow users to quickly locate items based on price, shape, or color.

The Mega Menu simplifies navigation, helping users explore products without getting lost.

Products are displayed in grids like 3x or 4x and carousels for easy viewing. Stores can connect to Instagram to showcase their items, and customers can compare products side by side.

Customers can modify grid layouts and register using social media for quicker access.

A personal profile area keeps track of wishlists, reviews, and orders, making the shopping experience hassle-free.

Also, If you’re looking to turn your Bagisto store into a quick commerce store, make sure to check out Bagisto Quick Commerce.

Features

Works effortlessly on any device—be it a smartphone, tablet, or computer.
Supports various languages and currencies, making it accessible worldwide.
Comes with handy search filters to make browsing easier. Lets customers refine their searches by price, shape, or color.
Features an intuitive Mega Menu for easy product discovery.
Offers smooth product navigation for a seamless shopping experience.
Displays products in different layouts—carousel, 3x grid, or 4x grid—for clear, organized browsing.
Easily integrates with social media platforms like Instagram to showcase products.
Provides a comparison feature so customers can review multiple products side by side.
Allows customers to customize the grid layout on the storefront. Includes a social sign-up option to simplify registration.
Has a dedicated profile area where customers can view their wishlists and read reviews.

Installation of Bagisto Jewellery 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\\Adornments\\": "packages/Webkul/Adornments/src

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

Webkul\Adornments\Providers\AdornmentsServiceProvider::class,

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

'adornments' => [
    'name'        => 'Adornments',
    'assets_path' => 'public/themes/shop/adornments',
    'views_path'  => 'resources/themes/adornments/views',

    'vite'        => [
        'hot_file'                 => 'shop-adornments-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:

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

6: Run the following commands to complete the setup:

composer dump-autoload

php artisan adornments-theme:install

General Configuration of Bagisto Jewellery Commerce

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

Next, the admin will set up the Jewellery 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,

Product Carousel

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,

Product Grid

The Product grid block shows products in a grid layout. Users can choose the grid style, like 3 columns or 4 columns, and decide how many items to show, such as 12, 24, 34, or 48.

They also have the option to make filters.

The product grid will look as per below image,

Services Content

The admin can make new service content by adding titles and descriptions, or they can change the existing service content that is already there.

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

Static Content

This type of block helps get the audience more involved by showing clear and helpful information. The admin can enter content using HTML or CSS and see how it looks right away.

Plus, there’s also a way to add images!

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

Storefront Features

Product Size Chart

The Size chart is provided to all store customers to accurately check the size of product of their choice without worrying about any mismatch later on.

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 Jewellery 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 Jewellery Commerce provides clear and concise information about the product. From here, they can add product to cart, wishlist it or compare 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.