Back to Top

Guide for Magento 2 AI Image Search

Updated 24 May 2024

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.

Searching for an experienced
Magento 2 Company ?
Find out More

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.

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 –

QsZtdTEgcWY

Features

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

Installation

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:

m2-installation

# 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

Language Translation

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.

i18-folder

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.

i18-translation-file

Initial Configuration Settings

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

AI Image Search module Configuration

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

magento 2 ai image search 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.

camera visibility on the frontend

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

Magento 2 AI image Search uploading image

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.

uploaded image modification

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.

relevant product results.

Support

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.

Current Product Version - 4.0.0

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