Powered by Adobe Commerce 2.4.3


Product Form Swatches



Back to top

When editing products from the Admin Edit Form, do you often feel that you don't know exactly what to select from the Swatch Attribute values?  When editing Configurable Products, do you feel the need to have the Swatch Attributes Images, Colors and Text visible in the configurations wizard? 

Product Form Swatches for Magento 2 improves the UI of the Admin Product Edit Form and makes life easier for you when editing products.  It does this by displaying the media data of the swatch attributes options in the product edit form, where you need it the most so you can make sure you select the right values for the configurable product variations.  You get a modern looking custom field in the product form with smooth  JavaScript effects which allow you to easily interact with it. 

Your Configurable Product Variations Wizard gets an upgrade and you get to see the swatch data in every step of the variations assignment process.



  • Replaces the basic dropdown fields that are displayed in the Product Edit Form with custom fields that contain all the attribute swatch options data, listed in a user-friendly way
  • Provides the Swatch Images, Colors and Text in the Swatch Attribute field
  • When editing the variations of configurable products, this extension lists the Swatch Images, Colors and Text in every step of the variations wizard, so you know exactly what you have selected in every field
  • Allows you to make sure you select the right values when editing products by showing you the attribute options data the way they will be displayed on frontend



Backend | Frontend

Technical Specifications

Back to top

Seller profile


Seller contact



Current Version


Adobe Commerce platform compatibility

Open Source (CE): 2.3 (current), 2.1 (obsolete), 2.2 (obsolete)


Stable Build


11 August, 2019


Extensions, Content & Customizations, Personalization & Experience Management, Product Content, Rich Media

Supported Browsers

Chrome, Firefox, Opera, Safari, Edge, IE

Quality Report

Back to top

Installation & Varnish Tests


Coding Standard


Plagiarism Check


Malware Check


Marketing Review


Manual Testing


All tests were conducted on the latest versions of Adobe Commerce that existed for the compatible release lines at the moment of the extension submission. Latest versions of all other software were used, as applicable.

Release Notes

Back to top


  • Compatible with Open Source (CE) : 2.1 2.2 2.3
  • Stability: Stable Build
  • Description:

    Version 1.0.0
    Comes with all the basic features


Back to top

The best place to start if you need help with a specific extension is to contact the developer. All Adobe Commerce developers have both a contact email and a support email listed.

Contact Vendor

Q & A

Back to top


Back to top