Guide for Laravel Custom Ring Builder

Laravel Custom Ring Builder enables jewelry store admins to provide tailored ring customization options.

This functionality allows buyers to seamlessly choose their desired ring style and diamond type before finalizing their order.

Store admins can efficiently add various product attributes, aligning with the wide-ranging selections typically available in a physical jewelry shop.

This adaptability connects the online platform with the in-store customization experience, offering a tailored and engaging shopping journey.

Features

• Admin can add configurable products organized by attribute steps.
• Laravel Custom Ring Builder enables the admin to include multiple product attributes.
• Buyers can personalize rings to their preferences with a real-time preview feature.
• A dynamic top navigation bar guides users through each step of the customization process.
• Users can review and modify their selected ring design or diamond at any stage.
• Offers ring style options like Antique, Halo, Pave, Solitaire, Three Stone, and Twisted.
• Includes metal choices such as 14K, 18K, PA, and PL.
• Provides stone shapes including Asscher, Cushion, Emerald, Heart, Marquise, Oval, Pear, Princess, Radiant, and Round.

Requirements

➤ Bagisto Version 2.2.2

Installation

Follow the below-mentioned steps to install the Bagisto Ring Builder Extension:

#1 Unzip and Merge Files

Unzip the extension zip file and merge the packages folder into your project’s root directory.

#2 Update composer.json

Add the following line to the psr-4 section in your composer.json file:

json
"Webkul\\RingBuilder\\": "packages/Webkul/RingBuilder/src"

#3 Update config/app.php

Add the following line to the providers section in config/app.php:

php
Webkul\RingBuilder\Providers\RingBuilderServiceProvider::class,

#4 Run Commands

From the root directory, run the following commands in your terminal:

sh
composer dump-autoload

sh
php artisan ring-builder:install

Congratulations! The Bagisto Ring Builder Extension is now installed and ready to use.

Module Configuration

After successfully installing the Bagisto Custom Ring Builder, the admin can navigate to the backend panel option Configure -> Ring Builder Configuration Settings

Now, the admin is required to simply enable the status to use the extension on his Laravel store.

Once the status is enabled, the Laravel Custom Ring Builder extension is ready to use on your Bagisto store.

Manage Product Attributes

Admin will get some product attributes provided automatically by the Custom Ring Builder module.

These attributes can be utilized and edited, or new attributes can be created by the admin as per the requirement.

By navigating to Bagisto admin backend panel Catalog > Attributes

New Product Creation

In order to create a new configurable product the admin needs to choose the attribute family as “Ring Attribute” or “Stone Attribute”.

Choose Ring Attributes Family

When creating a product, the admin needs to define the product attributes they want to be available for customer customization in the custom ring builder.

Choose Stone Attributes Family

Admin can choose stone attributes to determine the types of stones customers can select when customizing their rings.

Frontend

Once product attributes are configured in the admin backend, customers can easily use the ring builder to customize their rings.

Product Page

Customer needs to select the ring product by clicking on it from below, then he will be redirected to the product page.

Here, he can choose the metal, style, and ring size before clicking on the ‘Add to Ring’ option.

Choose the Diamond

The next step for the customer is to finalize their diamond selection by choosing the shape, cut, clarity, color, carat, and price.

Final Custom Ring

After customizing the ring and diamond, the customer is directed to the final custom ring product page.

Here, he can choose the diamond shape and then simply click on “Add to Ring” to proceed.

Complete Your Ring

Here, customers can review the details of their customized ring before finalizing to order.

If they wish to make changes, such as selecting a different ring or diamond, they can click “Change”, “Delete” or “Rebuild Ring”

Once it seems fine, they can proceed by clicking “Add to Cart” to finalize their selection.

Checkout Final Custom Ring

After adding the item to the cart, the customer can review their custom ring details and proceed to checkout.

Support

So, that is all about the Laravel Custom Ring Builder extension for the Bagisto Open Source eCommerce platform.

If you have any queries regarding the plugin, please contact us at Webkul Support System.