Thank you for purchasing our extension. If you have any questions that are beyond the scope of this document, please feel free to contact us via [email protected]
By: Magenest | Support Portal: http://servicedesk.izysync.com/servicedesk/customer/portal/7
AI Virtual Try-On is a feature that allows online shoppers to preview how a product may look on a person before purchasing. The feature can be enabled or disabled for selected products from the admin panel.
On the storefront, customers can upload their own photo or choose a sample image from the gallery, validate the image, and generate an AI-powered try-on result directly on the product detail page.
For Admin:
For Customer:
Your store should be running on Magento 2.4.x
Step 1: After logging in to the admin panel, go to Catalog > Products.
Step 2: Select the product you want to enable Virtual Try-On for, then click Edit.
Note: For product types that contain child products, such as Configurable Product, enable Virtual Try-On only on the parent product.
Step 3: On the product edit page, change the Virtual Try-On status using the Enable Virtual Try-On field. Click Save to apply the change.
Admins can build and manage image libraries based on gender, age group, body type, style, or product category, helping shoppers choose a model image that better matches their preferences and customer segment.
Step 1: Go to Content > Media > Manage Gallery.
Step 2: In the folder tree panel on the left, expand wysiwyg > virtualtryon.
Step 3: Click Create Folder to create classification subfolders as needed. For example: gallery, male, female, kids, or athletic_wear.
Note: Use only letters (a-z or A-Z), numbers (0-9), underscore (_) or hyphen (-) in this field. No spaces or other characters are allowed.
Step 4: Click the target folder, click Upload Image, then select a JPG, PNG, or WebP file.
If you want to delete any folder or image, pick the folder or image then click Delete Folder/Delete Images.
Step 5: Refresh the product page on the storefront. The uploaded images will appear in the Choose from Gallery tab.
Note: There must be at least one image in the subfolder for the subfolder to be displayed on the frontend.
1. On the storefront, the customer clicks a product to open the product detail page.
2. On the product detail page, the customer clicks the Virtual Try-On button to use the feature.
3. The image upload modal appears. The customer can click the upload area, drag and drop an image, or choose an image from the gallery.
4. After the image is uploaded successfully, the customer can preview it before moving to the next step. To continue, click Validate & Continue.
5. AI validates whether the uploaded image is suitable for try-on generation. If the image meets the requirements, the system automatically applies the product image to the corresponding body area in the uploaded photo. The final result is the generated try-on image.
6. Shoppers can use the Virtual Try-On feature in two flexible ways: uploading their own photo or selecting a ready-to-use image from the gallery. This helps reduce friction for users who may not want to upload personal photos, while still allowing them to experience how the selected product looks in a realistic visual preview.
When a bug fix or new feature is released, we will provide you with the module's new package.
All you need to do is repeating the above installing steps and uploading the package onto your store. The code will automatically override.
Flush the config cache. Your store and newly installed module should be working as expected.
Once again, thank you for purchasing our extension. If you have any questions relating to this extension, please do not hesitate to contact us for support.