Back to Top

Guide for Magento 2 Custom Ring Builder

Updated 2 May 2024

Magento 2 Custom Ring Builder allows jewellery store owners to offer personalized ring-building capabilities.

This feature enables customers to effortlessly select their preferred ring and diamond types before completing their purchase.

It enables the admin to easily add multiple product attributes, resembling the diverse options found in a physical jewellery store.

This flexibility allows the online platform to affect the in-store experience of choosing and customizing rings, providing customers with a more personalized and engaging shopping experience.

Similarly, if you are running a business of on-demand t-shirts, mugs, phone covers, and other photo gifts custom printing then you can check our Magento 2 Web to Print.

Searching for an experienced
Magento 2 Company ?
Find out More

You can also check the below video to understand the working of the extension,

zPDQ7vj_iMg

Features

  • The admin can create configurable products based on attribute steps.
  • Magento 2 Custom Ring Builder allows the admin to add multiple product attributes.
  • Customers can build their custom rings.
  • Customers are shown with top navigation on which step they are in the process.
  • The customers can view and change their ring setting/diamond anytime.

Installation

The installation is quite simple just like the standard Magento 2 extensions.

#1 Download Module

Firstly, you need to log in to the Webkul Store, go to My Account>My Purchased Products section, verify, and then download and extract the contents of this zip folder on the system.

#2 Upload Folder

Once the module zip is extracted, follow path src>app and then transfer the app folder into the Adobe Commerce Cloud root directory on the server as shown below:

screenshot_from_2024_01_18_15_14_20-1-1

#3 Run Commands

After uploading the module folder, you need to run the following commands in the Magento 2 root directory:

php bin/magento setup:upgrade
php bin/magento setup:di:compile
php bin/magento setup:static-content:deploy
php bin/magento indexer:reindex
php bin/magento cache:flush

Multi-Lingual Configuration

Therefore, for Multilingual support, please navigate to Store>Configuration>General >Locale Options.  Also, select your desired language from the Locale option.

locale setup

Thus, in this way, a multi-lingual configuration can be done.

Language Translation

For Magento 2 Custom Ring Builder translation, navigate to the following path in your system src/app/code/Webkul/CustomRingBuilder/i18n.
Open the file named en_US.CSV for editing as shown in the below screenshot.

screenshot_from_2024_01_18_15_38_12-1-1200x337-1

Now, upload it to the path src/app/code/Webkul/CustomRingBuilder/i18n where the installation of Magento 2 is on the server. The module gets translated into the desired language.

The user can edit the CSV like the image below.

image-1-1

After editing and translating the CSV file, you need to save the translated file name according to your region language and country code such as – de_DE.CSV.

Followed by uploading the translated file to the same folder from where you have obtained it. Now your module translation is complete.

screenshot_from_2024_01_09_17_28_02__1_-1

Thus, in this way, language translation can be done.

Configuration

Manage Product Attribute

After installation of the module, the admin will get some product attributes that come from the module and here the admin can edit the same attribute and also create another attribute as per the requirement.

By the following “Store>Attribute>Product”.

Magento 2 Custom Ring Builder

New Product Creation

Before creating any configurable product the admin needs to choose the attribute set “Ring Attribute Set” or “Stone Attribute Set”.

Magento 2 Custom Ring Builder

Choose Ring Attributes

During the product creation process, the admin must scroll down to select the product attributes they wish to offer for customer customization when building their custom ring.

Magento 2 Custom Ring Builder

Choose Stone Attributes

Here, the admin has the option to select store attributes for determining the types of stones available to customers when they customize their ring.

New-Product-Products-Inventory-Catalog-Magento-Admin-2

Frontend

After configuring product attributes from the admin side, now the customer can select the ring, and customize it as per their requirement.

Note: For accessing the front end the user needs to visit the URL below.

https://example.com/build-your-ring.

Build-Your-Ring-1

Product Page

After clicking on the “Product”, the customer will be redirected to the product page here they can select metal, style, and ring size then they need to click on “Select This Setting”.

Golden-ring

Choose the Diamond

After clicking on “Select this Setting”, where the customer can choose their diamond-like shape, cut, clarity, color, carat, and price.

Build-Your-Ring-3

Final Custom Ring

After customizing the ring, the customer will get the final custom ring product page. Here the customer needs to click “Add to Ring”.

Blue-stone

Complete Ring Page

Here, customers have the option to review the details of their customized ring.

If they desire to make alterations, such as choosing a different ring or diamond, they can click on “View” or “Change”.

If everything looks satisfactory, customers can proceed to add the item to their cart by clicking on “Add to Cart”.

192-168-15-188-magento-CustomRingBuilder_CE246p3-pub-ringbuilder-ring-complete-complete-the-ring

Checkout Final Custom Ring

After adding to the cart, here the customer can verify their custom ring and proceed to checkout.

Shopping-Cart

Support

So, that is all about the Magento 2 Custom Ring Builder extension. If you have any queries regarding the plugin, please contact us at Webkul Support System.


Current Product Version - 5.0.0-p2

Supported Framework Version - Magento 2.0.x, 2.1.x, 2.2.x,2.3.x, 2.4.x

. . .

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