Guide for Magento 2 AI Image Search

Magento 2 AI Image Search extension is a feature for the Magento 2 e-commerce platform. 

It uses artificial intelligence (AI) to let users search for products by using images.

It enhances the user experience where customers can effortlessly find products in the store.

Customers can simply upload the image of the item they want.

The AI algorithm will recognize the uploaded images. Hence, it uses an embedding similarity search technique.

It will identify the characteristics and match the product with similar products in the Magento store.

After that, it will display the accurate or relevant search results according to the availability in-store. 

Hence, this technique is quite innovative for the search activity of website users.

Check the video below to get to know the working of the extension,

You can also check  Product Search via an Image extension where a customer can search products through suggesting keywords.

Additionally, if you want to add the functionality of removing Image Background, you can check Magento 2 Image Background Removal.

Similar functionality can be seen in work for the Magento 2 Mobile App –

• The admin can set the number of results for the matched product.
• Admin can also set the value of distance for searching accuracy.
• Allows the users to search the products using the related images of the product.
• Customers can search using the search bar and advanced search on the front end.
• Allows users to search products using the GraphQL product API.
• It provides the accurate result or the relevant result by matching the image.

The following minimum system requirements are needed for this extension,

• RAM (4 GB)
• Space (4 GB)
• Server key and cert files (for Flask API)
• Docker
• Two ports (5000 and 8000)

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

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

#Upload Folder

Once the module zip extracts, follow path src>app and then copy the app folder into the Magento 2 root directory on the server as shown below:

# Run Commands

You need to run the following commands:

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

# Additional Commands

You need to run the following commands to create the embeddings:

Create/update existing product image embeddings via terminal.

php bin/magento generate:image:embeddings

Create/update selected product image embeddings via the terminal.

php bin/magento generate:image:embeddings -p 1,2,3

For translating the module language, navigate through the app/code/Webkul/AIImageSearch/i18n and edit the en_US.csv file.

Thereafter, rename the CSV as “en_SA.csv” and translate all right side content after the comma in the Arabic language. After editing the CSV, save it.

Now, upload it to the path app/code/Webkul/AIImageSearch/i18n where the installation of Magento 2 is on the server.

The Magento 2 AI Image Search will be translated into the Arabic Language. It supports both RTL and LTR languages.

The user can edit the CSV like the image below.

After the successful installation of the module, the admin will navigate the Stores->Configuration->AI General Configuration.

You can also access the initial configuration by navigating the AI Configuration->General Configuration.

General Settings:

1.ChromaDB Endpoint: Enter your ChromaDB Endpoint.

Note: Here, ChromaDB is used as a vector database.

2. LLM Server Endpoint: Enter your LLM Server Endpoint

AI Image Search Settings:

1. Number Of Results: This setting lets the admin set the number of products(results) displayed on the front end after matching the image.

2. Distance: This setting lets the admin set the distance value.

Note: The value must be greater than 0 and less than or equal to 10 (Represents search accuracy where 1 is highly accurate).

Now, click on the save Config to save the configuration.

After the successful configuration of the module, on the front end, a camera icon will be shown in the search bar.

The customers will upload the image to search for the related product by clicking the camera icon.

After uploading the image, the customer can also make changes to the image and now click on the save changes as per the below snapshot.

Now, the accurate product or the relevant products related to the uploaded image will be displayed.

Also, the name of the uploaded image will be displayed in the search bar as shown in the below snapshot.

That’s all for the Magento 2 AI Image Search Extension.

If you still have any issues feel free to add a ticket and let us know your views to make the module better at  webkul.uvdesk.com.