...

In the product edit form article_group_id (or other another field, if the name of the attribute is custom) should be filled:

...

Backend

Frontend

It is also possible to provide custom name in Variant Name field. In such case settings from Short Name Pattern will be ignored.

...

Frontend

Variant switcher template (MageSuite_ProductVariants::product/variant_switcher.phtml) is added to the PDP buybox. It builds HTML and initializes Magento dropdown widget.

n the XML dropdown label can be configured:

<block class="MageSuite\ProductVariants\Block\Product\VariantSwitcher" name="product.info.variant_switcher">
    <arguments>
        <argument name="label" xsi:type="string" translate="true">Product variants</argument>
    </arguments>
</block>

Frontend screens

Image AddedImage Added

Styling

Product variants is an optional module and its styling must be enabled in pdp.ts entry:

import 'MageSuite_ProductVariants';

Backend