/
ProductVariants (optional)

ProductVariants (optional)

Owned by Marta Siewierska-Stańczak
Last updated: Dec 20, 2022
2 min read

https://github.com/magesuite/product-variants

This module adds the possibility to configure and display variations of a given product. All product variants are standalone simple products and they are all displayed on the product grid.

 

Installation

This module is optional

composer require "creativestyle/magesuite-product-variants" ^1.0.0

 

User Manual

4.3. Product Variants

Admin settings

Admin settings can be found in Stores -> Configuration -> MageSuite -> Product Variants

Name

Value

Comment

Name

Value

Comment

Is Enabled

 Yes/No 

Default value: Yes

Attribute Code

 

Default attribute is "article_group_id"

Short Name Pattern

  • Full name 

  • Remove prefix 

  • Remove suffix 

  • Remove prefix and suffix 

  1. FULL NAME

  2. REMOVE PREFIX: display only the latest strings of the product name that are differentiating. For example: Crown Backpack 20L will be named 20L in the Variant switcher

  3. REMOVE SUFFIX: In this case the Variant switcher will contain only the first strings of the product 
    name that are differentiating. For example: 35mA battery will be named 35mA in the Variant switcher

  4. REMOVE PREFIX AND SUFFIX: The backend will take both removing suffix and removing prefix under consideration and will calculate the largest common counter.

 

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

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

 

Backend

Backend documentation and review of this documentation is needed.

 

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

 

Styling

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

import 'MageSuite_ProductVariants';